/**
 * Default style sheet
 *
 * $Id: global.css,v 1.31 2004/11/02 11:46:53 soranzo Exp $
 */

/** ELEMENTS */

body, td, input
{
	background-color: #FFFFFF;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin:0;
	padding:0;
}

body.topbar
{
	background-color: #FCF9F7;
	margin:	0px;
	padding: 0px;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /* 1em; */
	border-bottom: 2px solid #000000;
}

body.browser
{
	height:	100%;
	background-color: #FCF9F7;
	margin:	0px;
	padding: 0px;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*1em;*/
	border-right: 1px dashed #c0c0c0;
	text-align: left;
}
body.browserlogin
{
	height:	100%;
	background-color: #FFFFFF;
	margin:	0px;
	padding: 0px;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*1em;*/
	border-right: 1px dashed #c0c0c0;
	text-align: left;
}
body.bottombar {
	background-color: #CECF9C;
	margin:	0px;
	padding: 0px;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*1em;*/
	text-align: left;
}

p.message {
	color: blue;
}

p.comment {
	font-style: italic;
}

h2
{
	color: #666633;
	font-size: medium; /*1.3em;*/
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-weight: bold;
	border: 2px solid #E6E6CC;
	background-color: #FCF9F7;
	padding: 2px 1em;
	margin: 0 0 1ex 0;
}

h3
{
	color: #666633;
	font-size: small;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-weight: bold;
}

table.error
{
	background-color: #E6E6CC;
}

table.error td {
	background-color: #E6E6CC;
}

table.navbar
{
	background-color: #E6E6CC;
}

table.navbar td
{
	height:	25px;
	color: #000000;
	background-color: #F3F3E9;
	text-align: center;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /* 0.9em */
	font-weight: bold;
}

table.navbar td.active
{
	background-color: #E6E6CC;
}

th.data
{
	color: #000000;
	background-color: #E6E6CC;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /* 0.9em */
}

th.data a:active, th.data a:link, th.data a:visited, th.data a:hover 
{
	font-weight: bold;
}

.left
{
	text-align: left;
}

th.required
{
	text-decoration: underline;
}

td.topbar
{
	background-color: #FCF9F7;
	margin:	0px	0px;
	padding: 0px;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	text-align: left;
}
td.data1
{
	color: #000000;
	background-color: #F3F3E9;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid #F3F3E9;
}

td.data2
{
	color: #000000;
	background-color: #E6E6CC;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid #E6E6CC;
}


td.data3
{
	color: #8000FF;
	background-color: #F3F3E9;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid  #F3F3E9;
}

td.data4
{
	color: #8000FF;
	background-color: #E6E6CC;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid #E6E6CC;
}
td.data5
{
	color: #FF0000;
	background-color: #F3F3E9;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid  #F3F3E9;
}

td.data6
{
	color: #FF0000;
	background-color: #E6E6CC;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid #E6E6CC;
}
td.data7
{
	color: #808080;
	background-color: #F3F3E9;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid  #F3F3E9;
}

td.data8
{
	color: #808080;
	background-color: #E6E6CC;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid #E6E6CC;
}

td.opbutton1 
{
	color: #000000;
	background-color: #F3F3E9;
	border-top:	1px solid #FFFFFF;
	border-right: 1px solid	#706D41;
	border-bottom: 1px solid #706D41;
	border-left: 1px solid #FFFFFF;
	cursor:	pointer;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
}

td.opbutton2 
{
	color: #000000;
	background-color: #E6E6CC;
	border-top:	1px solid #FFFFFF;
	border-right: 1px solid	#706D41;
	border-bottom: 1px solid #706D41;
	border-left: 1px solid #FFFFFF;
	cursor:	pointer;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
}

.trail, .tab
{
	border: 2px solid #E6E6CC;
	background-color: #F3F3E9;
	padding: 2px 1em;
}

.trail
{
	margin-bottom: 2px;
}

.trail td
{
	background-color: #F3F3E9;
}

.tabs
{
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 1ex 0;
}

.tab
{
	text-align: center;
}

.tabs .active
{
	background-color: #E6E6CC;
}

a:active 
{
	color: #602000;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-weight: normal;
	text-decoration: underline;
}

a:link
{
	color:  #000099;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	text-decoration: none;
}

a:visited
{
	color: #220033;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	text-decoration: none;
}

a:hover
{
	color: #cc0000;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	text-decoration: none;
}

a.navlink:link, a.toplink:link
{
	color: #336699;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-weight: bold;
	text-decoration: none;
}

a.navlink:visited, a.toplink:visited
{
	color: #336699;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-weight: bold;
	text-decoration: none;
}

a.navlink:hover, a.toplink:hover
{
	color: #336699;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-weight: bold;
	text-decoration: none;
}

a.navlink:active, a.toplink:active
{
	color: #336699;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-weight: bold;
	text-decoration: none;
}

.active a
{
	font-weight: bold;
}

a.help
{
	color: #E68800;
	font-size: smaller;
	vertical-align: super;
	text-decoration: none;
}

pre
{
	font-size: 110%;
}

pre.data
{
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: 100%;
}

input.data
{
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
}


input.data1
{
	color: #000000;
	background-color: #F3F3E9;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid #F3F3E9;
}

input.data2
{
	color: #000000;
	background-color: #E6E6CC;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid #E6E6CC;
}

input.data3
{
	color: #00D000;
	background-color: #F3F3E9;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid  #F3F3E9;
}

input.data4
{
	color: #00D000;
	background-color: #E6E6CC;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid #E6E6CC;
}
input.data5
{
	color: #E0E000;
	background-color: #F3F3E9;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid  #F3F3E9;
}

input.data6
{
	color: #E0E000;
	background-color: #E6E6CC;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid #E6E6CC;
}
input.data7
{
	color: #808080;
	background-color: #F3F3E9;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid  #F3F3E9;
}

input.data8
{
	color: #808080;
	background-color: #E6E6CC;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid #E6E6CC;
}

input.checkbox.data1
{
	color: #000000;
	background-color: #F3F3E9;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid #F3F3E9;
}

input.checkbox.data2
{
	color: #000000;
	background-color: #E6E6CC;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid #E6E6CC;
}

input.checkbox.data3
{
	color: #00D000;
	background-color: #F3F3E9;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid  #F3F3E9;
}

input.checkbox.data4
{
	color: #00D000;
	background-color: #E6E6CC;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid #E6E6CC;
}
input.checkbox.data5
{
	color: #E0E000;
	background-color: #F3F3E9;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid  #F3F3E9;
}

input.checkbox.data6
{
	color: #E0E000;
	background-color: #E6E6CC;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid #E6E6CC;
}
input.checkbox.data7
{
	color: #808080;
	background-color: #F3F3E9;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid  #F3F3E9;
}

input.checkbox.data8
{
	color: #808080;
	background-color: #E6E6CC;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid #E6E6CC;
}

input.opbutton1 
{
	color: #000000;
	background-color: #F3F3E9;
	border-top:	1px solid #FFFFFF;
	border-right: 1px solid	#706D41;
	border-bottom: 1px solid #706D41;
	border-left: 1px solid #FFFFFF;
	cursor:	pointer;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
}

input.opbutton2 
{
	color: #000000;
	background-color: #E6E6CC;
	border-top:	1px solid #FFFFFF;
	border-right: 1px solid	#706D41;
	border-bottom: 1px solid #706D41;
	border-left: 1px solid #FFFFFF;
	cursor:	pointer;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
}

input.opbutton3 
{
	color: #000000;
	background-color: #E6E6CC;
	border-top:	1px solid #FFFFFF;
	border-right: 1px solid	#706D41;
	border-bottom: 1px solid #706D41;
	border-left: 1px solid #FFFFFF;
	cursor:	pointer;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	padding-left: 6px;
	padding-right: 6px;
}
input.opbutton4 
{
	color: #000000;
	background-color: #E6E6CC;
	border-top:	1px solid #FFFFFF;
	border-right: 1px solid	#706D41;
	border-bottom: 1px solid #706D41;
	border-left: 1px solid #FFFFFF;
	cursor:	pointer;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: 100%; /*0.8em;*/

	padding-left: 6px;
	padding-right: 6px;
}

input.opbutton5 
{
	color: #000000;
	background-color: #E6E6CC;
	border-top:	1px solid #706D41;
	border-right: 1px solid	#FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #706D41;
	cursor:	pointer;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: 100%; /*0.8em;*/

	padding-left: 6px;
	padding-right: 6px;
}

input.form 
{
	color: #000000;
	background-color: #E6E6CC;
	border-top:	1px solid #FFFFFF;
	border-right: 1px solid	#706D41;
	border-bottom: 1px solid #706D41;
	border-left: 1px solid #FFFFFF;
	cursor:	pointer;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	padding-left: 6px;
	padding-right: 6px;
	width: 8em;
}

input.form_text 
{
	color: #000000;
	background-color: #FFFFFF;
	border-bottom:	1px solid #FFFFFF;
	border-left: 1px solid	#706D41;
	border-top: 1px solid #706D41;
	border-right: 1px solid #FFFFFF;
	cursor:	pointer;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	padding-left: 6px;
	padding-right: 6px;
	width: 8em;
}
input.browser_form 
{
	color: #000000;
	background-color: #E6E6CC;
	border-top:	1px solid #FFFFFF;
	border-right: 1px solid	#706D41;
	border-bottom: 1px solid #706D41;
	border-left: 1px solid #FFFFFF;
	cursor:	pointer;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	padding-left: 6px;
	padding-right: 6px;
	width: 8em;
}

input.browser_form_text 
{
	color: #000000;
	background-color: #FFFFFF;
	border-bottom:	1px solid #E6E6CC;
	border-left: 1px solid	#706D41;
	border-top: 1px solid #706D41;
	border-right: 1px solid #E6E6CC;
	cursor:	pointer;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	padding-left: 6px;
	padding-right: 6px;
	width: 8em;
}



a.data1
{
	color: #000000;
	background-color: #F3F3E9;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid #F3F3E9;
}
a:hover.data1
{
	color: #FF0000;
	background-color: #F3F3E9;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid #F3F3E9;
}
a.data2
{
	color: #000000;
	background-color: #E6E6CC;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid #E6E6CC;
}
a:hover.data2
{
	color: #FF0000;
	background-color: #E6E6CC;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid #E6E6CC;
}
a.data3
{
	color: #00D000;
	background-color: #F3F3E9;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid  #F3F3E9;
}

a:hover.data3
{
	color: #FF4000;
	background-color: #F3F3E9;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid  #F3F3E9;
}
a.data4
{
	color: #00D000;
	background-color: #E6E6CC;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid #E6E6CC;
}
a:hover.data4
{
	color: #FF4000;
	background-color: #E6E6CC;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid #E6E6CC;
}
a.data5
{
	color: #FFE000;
	background-color: #F3F3E9;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid  #F3F3E9;
}
a:hover.data5
{
	color: #FF4000;
	background-color: #F3F3E9;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid  #F3F3E9;
}
a.data6
{
	color: #E0E000;
	background-color: #E6E6CC;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid #E6E6CC;
}
a:hover.data6
{
	color: #FF4000;
	background-color: #E6E6CC;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	margin: 0em 0em 0em 0em;
	border: 1px solid #E6E6CC;
}


/* Syntax highlighting */
.comment {color: #008080}
.keyword {color: #FF8000}
.literal {color: #808080}

div.workarea { padding:10px; float:left }
ul.draglist { 
    position: relative;
    width: 200px; 
    
    background: #f7f7f7;
    border: 1px solid gray;
    list-style: none;
    margin:0;
    padding:0;
	padding-bottom:20px;
}
ul.draglist li {
    margin: 1px;
    cursor: move;
}

li.list1 {
    background-color: #F2F0C0;
    border:1px solid #8E7E62;
}

li.list2 {
    background-color: #D8D4E2;
    border:1px solid #6B4C86;
}

#user_actions { float: right; }

