* {   
    font-family: Tahoma, Verdana, Arial;
    font-size: 12px;
}

pre {
    font-family: Courier New, Courier;
}
body {
	margin-left: 0px;
	margin-right: 0px;
}

div.content {
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
}

img {
	border: none;
}

a {
	text-decoration: none;
}
a:link { 
	color: #333; 
}
a:visited {	
	color: #666; 
}
a:active { 
	color: #11406B; 
}
a:hover { 
	color: #11406B; 
}

.smaller {
	font-size: smaller;
}

.x-small {
	font-size: x-small;
}

.xx-small {
	font-size: xx-small;
}

/******************************************************************************
 * Tables
 ******************************************************************************/
 
table {
	border-collapse: collapse;
	border-left: solid white 1px; /* for IE (no :FIRST-CHILD) */
	border-top: solid #11406B 1px; 
	border-bottom: solid #CCC 1px; 
}

th {
	background-color: #F5F5F5;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
}

thead th {
	border-bottom: solid #CCC 1px;
	border-left: solid #CCC 1px;
}

td {
	border-left: solid #CCC 1px;
	padding-left: 5px;
	padding-right: 5px;
}

tr.disabled {
	color: #999;
}

td.disabled {
    background-color: #E7E7E7;
}

tr.current {
    font-weight: bold; 
}

/* for Firefox */
td:FIRST-CHILD {
	border-left: none;
}
th:FIRST-CHILD {
	border-left: none;
}

th.bl, td.bl {
	border-left: solid #CCC 1px;
}
	
td.bl_thick, th.bl_thick {
    border-left: solid #CCC 2px;
}

tr:HOVER {
	background-color: #F7F1F2;
}

/* Horizontal lines */

tr.title th {
	border-top: solid #CCC 1px;
}
tr.title td {
	border-top: solid #CCC 1px; 
}

tr.bottomborder th {
	border-bottom: solid #CCC 1px; 
}

tr.bottomborder td {
	border-bottom: solid #CCC 1px; 
}

tr.topborder th {
    border-top: solid #CCC 1px; 
}

tr.topborder td {
    border-top: solid #CCC 1px; 
}

td.topborder {
	border-top: solid #CCC 1px;
}

/* No Border */

table.noborder {
	border: none;
}
table.noborder tr:HOVER {
	background: none;
}
table.noborder td {
	border: none;
}

/******************************************************************************
 * Pivot tables
 ******************************************************************************/
 
.pivot {
	border-left: solid #11406B 1px;
	border-right: solid gray 1px; 	
}

/******************************************************************************
 * Headings
 ******************************************************************************/
 
h1 {
	background: url(../images/icon/esubBullet.gif) no-repeat;
	background-position: 0px 6px; 
	padding-left: 20px;
	color: #666666;
	padding-top: 8px;
}

/******************************************************************************
 * Forms
 ******************************************************************************/

input,label {
	border: 1px solid #ccc;
	background-color: #F7F7F7;
	color: #333333;
}

span.help {
	font-style: italic;
	color: #649AB5;
}

span.radio input,label {
    border: none;
}

span.radio {
    border: none;
    background-color: #F7F7F7;
}
	
textarea {
	border: 1px solid #ccc;
	background-color: #F7F7F7;
	color: #333333;
}
	
select {
	border: 1px solid #ccc;
	background-color: #F7F7F7;
	color: #333333;
}

/* Table form */

table.form {
	border: solid gray 1px; 
}

table.form th {
	text-align: right;
}

table.form tr.title th {
	text-align: left;
}

table.form td {
	padding-top: 3px;
	padding-bottom: 3px;
}

table.form tr:HOVER {
	background: none;
}

/* Table to concatenate */
table.notop {
	border-top: none;
}

/* Table grid */

table.grid tr:HOVER {
	background: none;
}

table.grid tr.total {
	border-top: solid 2px #11406B;
}

table.grid td, table.grid th {
	border-bottom: solid #ccc 1px;
	padding-top: 0px;		
	padding-bottom: 0px;		
	margin-left: 3px;		
	margin-right: 3px;		
}

table.grid td {
	background-color: #F7F7F7;
}

table.grid tbody th {
	background: none;
}

table.grid input, table.grid select {
	border: 0px none; /* said to be required to force the input controls' borders to be hidden in all browser */
	width: 100%;
}

table.grid input {
	padding-left: 0px;
	padding-right: 0px; /* best compromise between IE and Firefox */
}

table.grid td.total1, table.grid td.total1 * {
	background-color: #E7E7E7;
}

table.grid td.total2, table.grid td.total2 * {
	background-color: #D7D7D7;
}

input.img, table.grid input.img {
	border: none;
	width: auto;
	height: auto;
	vertical-align: text-top;
}

div.box {
	border: solid #888 1px; 
	padding: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
}

/******************************************************************************
* Errors & warnings
*******************************************************************************/

.error {
	background-color: #FF8080;
	color: white;
}

.errorBox {
	background-color: #FF8080;
	color: white;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
	border-width: 2px;
	border-color: red;
	border-style: solid;
	display: block;
}

.warningBox {
	background-color: #FFFF80;
	color: black;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
	border-width: 2px;
	border-color: #A4A400;
	border-style: solid;
	display: block;
}


td.total1 input.error {
	text-align: right;
	background: #f00;
	color: white;
	font-weight: bold;
}

td.total2 input.error {
	text-align: right;
	background: #f00;
	color: white;
	font-weight: bold;
}

/******************************************************************************
 * Buttons
 ******************************************************************************/

input.button, table.grid input.button {
	width: auto;
	height: 21px;
	border: solid gray 1px;	
	background-image: url(../images/back/button19gray.gif);
	background-repeat: repeat-x;
	text-align: center;
	color: #000;
    cursor: pointer;
}

a.button, a.button:visited {
    border: solid gray 1px; 
    background-image: url(../images/back/button19gray.gif);
    background-repeat: repeat-x;
    text-align: center;
    color: #000;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

input.b25, table.grid input.b25 {
	height: 27px;
	background-image: url(../images/back/button25gray.gif);
}

input.b32, table.grid input.b32 {
	height: 34px;
	background-image: url(../images/back/button32gray.gif);
}

/******************************************************************************
 * Icon buttons
 ******************************************************************************/

input.img {
    width: 16px;
    height: 16px;
    border: none;
}

/* note: in IE 7 the left and right padding are wider on screen */
input.icon, table.grid input.icon {
    width: auto;
    height: 21px;
    margin: 0px 1px 0px 1px;
    border: solid gray 1px; 
    padding: 1px 10px 1px 27px;
    text-align: center;
    color: #000;
    cursor: pointer;
    background-repeat: no-repeat;
}

a.icon {
    width: auto;
    height: 24px;
    margin: 1px 1px 1px 1px;
    border: solid gray 1px; 
    padding: 2px 16px 2px 24px;
    text-align: center;
    color: #000;
    cursor: pointer;
    background-repeat: no-repeat;
}

input.i_accept, a.i_accept {
    background-image: url(../images/button/bk_accept.png);
}

input.i_add {
    background-image: url(../images/button/bk_add.png);
}

input.i_arrow_down {
    background-image: url(../images/button/bk_arrow_down.png);
}

input.i_arrow_up {
    background-image: url(../images/button/bk_arrow_up.png);
}

input.i_arrow_undo {
    background-image: url(../images/button/bk_arrow_undo.png);
}

input.i_calculator {
    background-image: url(../images/button/bk_calculator.png);
}

input.i_cancel {
    background-image: url(../images/button/bk_cancel.png);
}

input.i_delete {
    background-image: url(../images/button/bk_delete.png);
}

input.i_disk {
    background-image: url(../images/button/bk_disk.png);
}

input.i_flag_green {
    background-image: url(../images/button/bk_flag_green.png);
}

input.i_sum {
    background-image: url(../images/button/bk_sum.png);
}

input.i_tick {
    background-image: url(../images/button/bk_tick.png);
}

input.i_bookmark_add {
    background-image: url(../images/button/bk_bookmark_add.png);
}

input.i_bookmark_delete {
    background-image: url(../images/button/bk_bookmark_delete.png);
}

/******************************************************************************
 * Alignment
 ******************************************************************************/
.l {
	text-align: left;
}
.r {
	text-align: right;
}
.c {
	text-align: center;
}

/******************************************************************************
 * Wizard
 ******************************************************************************/

tr.wizard, tr.wizard td {
	border: none 0px;
	padding-left: 0px;
    padding-right: 0px;
	padding-top: 10px;
	margin: 0px;
}

/******************************************************************************
 * Paging
 ******************************************************************************/

/* GET */

#paging a {
	text-decoration: none;
}
#paging a:link { 
	color: #333; 
}
#paging a:visited {	
	color: #333; 
}
#paging a:active { 
	color: #4FA600; 
}
#paging a:hover { 
	color: #4FA600; 
}
#paging .disabled {
	color: #CCC; 
}

/* POST */

#paging input, th input {
	border: none;
	background: none;
	cursor: hand;
	padding: 0px;
}

/******************************************************************************
 * Breadcrumbs
 ******************************************************************************/

#breadcrumbs {
	color: #999;
	background-color: #000;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 22px;
	background: url(../images/icon/location.gif) no-repeat;
	background-position: 10px 7px; 
	border-bottom: 1px solid #e5e5e5;
	width: 100%;
}

#breadcrumbs ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
} 

#breadcrumbs ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
}

#breadcrumbs li.here {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	color: #666;
	font-weight: bold; 
} 


/******************************************************************************
 * Help popups
 *
 * Note: needs 'text-align: left' because can be embedded in rigth aligned 'sections'
 ******************************************************************************/

.popup {
    position: absolute;
    display: none;
    width: 400px;
    background-color: #FFFAD5;
    text-align: left;
    z-index:10;
    overflow:hidden;/*must have*/
}

.popup iframe {
    display:none;/*sorry for IE5*/
    display/**/:block;/*sorry for IE5*/
    position:absolute;/*must have*/
    top:0;/*must have*/
    left:0;/*must have*/
    z-index:-1;/*must have*/
    filter:mask();/*must have*/
    width:3000px;/*must have for any big value*/
    height:3000px/*must have for any big value*/;
}

.popup .borderdiv {
    border: 1px solid #000;
    padding: 10px;
}

/******************************************************************************
 * MADRAS
 ******************************************************************************/
ul.analyses {
	margin-left: 20px;
    list-style-type: none;
    padding: 8px;
    color: #666;
}

ul.analyses ul {
    list-style-type: none;
    line-height: 18px;
}

li.l1 {
    list-style-type: none;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 0.7em;
}	

li.l2 {
    list-style-type: disc;
    font-weight: bold;
}   

li.l3 {
    list-style-type: url(../images/icon/blarrow.gif);
    font-weight: normal;
}   

li.l3 li {
    list-style-type: url(../images/icon/blarrow.gif);
    font-weight: normal;
}   

.invisible {
	display: none;
}

.queryId {
  color: #909090;
  font-size: x-small;
}

a.bar {
    background: url(../images/icon/chart_bar.png) left center no-repeat;
    padding-left: 20px;
}

a.curve {
	background: url(../images/icon/chart_curve.png) left center no-repeat;
    padding-left: 20px;
}

a.pie {
    background: url(../images/icon/chart_pie.png) left center no-repeat;
    padding-left: 20px;
}

a.table {
    background: url(../images/icon/table.png) left center no-repeat;
    padding-left: 20px;
}

a.bookmark {
    background: url(../images/icon/bookmark.png) left center no-repeat;
    padding-left: 20px;
}

/******************************************************************************
 * Workflow
 ******************************************************************************/

table.workflow {
    border: none;
}

table.workflow tr:HOVER {
    background-color: white;
}

table.workflow thead {
	font-style: italic;
}

table.workflow td {
    border: none;
}

table.workflow td.state {
	text-align: center;
	vertical-align: middle;
    color: black;
}

table.workflow td.state.other {
    border: solid 1px black;
    background-color: #d1f5b4;
}

table.workflow td.state.current {
    border: solid 2px black;
    background-color: yellow;
    font-weight: normal;
}
    
/******************************************************************************
 * BabelInputTag
 ******************************************************************************/

.babel input {
    font-family: Tahoma, Verdana, Arial;
    font-size: 18px;
    line-height: 24px;
    height: 24px;
}

.babel .flag_buttons img {
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 0px;
    padding-bottom: 1px;
    border-left-width: 2px;
    border-right-width: 2px;
    border-top-width: 0px;
    border-bottom-width: 2px;
    border-style: solid;
}

.babel .flag_buttons img.babel_selected {
    border-color: #0080c0;
}

.babel .flag_buttons img.babel_unselected {
    border-color: white;
}

.babel .flag_buttons img.babel_disabled_selected {
    background-color: #d0d0d0;
    border-color: #0080c0;
}

.babel .flag_buttons img.babel_disabled_unselected {
    background-color: #d0d0d0;
    border-color: #d0d0d0;
}

.babel .flag_buttons img.show_all {
	border: none !important;
}

.babel_input_container {
    position:relative;
    padding:0;
    margin:0;
}

.babel_input_container input {
    padding-left: 30px;
}

.babel_input_container img {
    position:absolute;
    bottom:2px;
    left:6px;
}