body, td, input, textarea, select, pre {
	font-size:10pt;
	/*font-family:verdana,arial,sans-serif;*/
	font-family:'Gill Sans', 'Gill Sans MT', Corbel, 'Nimbus Sans', Verdana, sans-serif;
}
/* h1 only used for the visible title of the page */
h1 {
	font-size:14pt;
	font-weight:bold;
	color:#505050;
	width:100%;
	border-bottom:1px solid #d0d0d0;
}
h1 img 
{
    float:right;
    border:none;
}
h1 input 
{
    float:right;
}
h2
{
	font-size:12pt;
	margin-bottom:2px;
}
h3 {
	font-size:10pt;
	font-weight:normal;
	font-style:italic;
}
ul 
{
	padding:4px;
	margin:0px;
}
li 
{
    list-style:none;
}
a 
{
    text-decoration:none;
    border-bottom:1px solid #f0f0f0;
}
a:hover {
    border-bottom:1px solid #a0a0ff;
}
a:visited 
{
    color:#0050ef;
}


/* -------------------------------------- forms -------------------------------------- */
input 
{
    font-weight:normal;
    margin-right:2px;
}
input.itext, input.ipassword
{
    padding-left:2px;
}
.close 
{
    width:18px;
    padding-left:3px;
    text-align:center;
}
.disabled, a.disabled, label.disabled
{
    color:#a0a0a0;
    font-weight:normal;
    cursor:default;
}
.validation_error 
{
    color:#ff0000;
}
.security_denied 
{
    padding:4px;
    padding-left:10px;
    padding-right:10px;
    color:#ff0000;
    background-color:#fcf7c2;
    border:1px solid #a0a0a0;
    margin:5px;
}

/* -------------------------------------- header -------------------------------------- */
#banner 
{
    background-image:url(/easyethical/images/back1.gif);
    background-position:left center;
    background-repeat:no-repeat;
    height:62px;
}
#banner .rss, #banner .briefcase
{
    float:right;
    border:none;
    margin-left:5px;
}
#subbanner 
{
    border-top:1px solid #aaaaaa;
    background-image:url(/easyethical/images/back2.gif);
    background-position:left center;
    background-repeat:repeat;
    font-size:10pt;
    
    padding:2px;
    height:20px;
    line-height:18px;
    padding-left:6px;
}
#catchphrase 
{
    position:absolute;
    right:9px;
    top:56px;
    line-height:12px;
    font-size:8pt;
    color:#666666;
    font-family:Verdana;
}
#search 
{
    float:right;
    text-align:right;
}
#notverified input 
{
    color:#ff0000;
}
#login, #logout, #register, #status, #notverified
{
    float:right;
}
#status 
{
    margin-left:4px;
    padding-left:4px;
    border-left:1px solid black;
}
#login .itext, #login .ipassword
{
    width:100px;
}
#loggedinas 
{
    margin-right:4px;
}
#content 
{
	/*border:1px solid #d0d0d0;*/
}

/* -------------------------------------- footer -------------------------------------- */
#footer 
{
    width:100%;
    clear:both;
    text-align:center;
}
#footer li 
{
    display:inline;
    padding-right:5px;
    padding-left:5px;
    border-right:1px solid #c0c0c0;
}
#footer li.last 
{
    border-right:none;
}
/*
#footer li #feedback 
{
    font-weight:bold;
    color:#ff0000;
}
*/

/* -------------------------------------- nav -------------------------------------- */
#nav {
	border:1px solid #aaaadd;
	background-color:#ffffff;
	cursor:pointer;
	float:left;
	padding:0px;
	margin:0px;
}
#nav li 
{
    position:relative; /* establish each li as the parent coord system for its contents */
}
#nav li a, #nav li
{
	color:#222222;
    text-decoration:none;
}
#nav .contextual 
{
    font-weight:bold;
    color:#003366;
    background-color:#e5f0f7;
}
#nav li .disabled 
{
    color:#a0a0a0;
    font-weight:normal;
    cursor:default;
}
#nav .item_contents ul
{
    display:none; /* initially hide the submenus as they are superfluos nav features replicated in the content */
}

/* ################ 1 top level menu in-line */
#nav ul 
{
    left:14pt;
  	padding:0px;
}
#nav li 
{
    display:inline;
    padding-left:8px;
    padding-right:8px;
    border-right:dotted 1px #666666;
}
#nav li.last 
{
    border-right:none;
}

/* ################ 2
li are all relative position to allow contents to absolute align
sub menu container div in-line and always visible, out-of flow
sub menu div > ul which is hidden / shown 
submenu items are block above each other
*/
#nav .item_contents
{
    position:absolute; /* take out of flow relative to parent li (relatively positioned) */
    top:12pt;          /* 2nd level needs to clear 1st level */
    left:0px;          /* align to parent li */
}
#nav .item_contents ul /* hidden initially by the jQuery */
{
	border:1px solid #aaaadd;
	background-color:#ffffff; /* clear the background of all plates */
}
#nav .item_contents li 
{
    display:block;     /* all submenus are block elements */
    border:none;
    white-space:nowrap;
}

/* ################ 3
3rd level are same as 2nd level but appear right of their parents
*/
#nav .item_contents .item_contents
{
    position:absolute;
    left:100%;
    top:0px;
}


/* -------------------------------------- big button menus -------------------------------------- */
.bigoption 
{
    display:block;
    margin-bottom:20px;
    height:100px;
}
.bigoption h2
{
    padding-top:0px;
    margin-top:0px;
}
.bigoption img
{
    border:1px solid #a0a0a0;
    float:left;
    margin-right:10px;
}

/* ----------------------------------- jQuery UI -------------------------------------- */
.ui-slider-1 
{
}
ul.candrag li
{
    cursor:move;
    padding-left:9px;
    background-image:url(/easyethical/images/updown.png);
    background-position:center left;
    background-repeat:no-repeat;
}
.placeholder 
{
   	outline: 1px dotted black;
}
.sort-inactive 
{
    color:#909090;
}
.sort-active 
{
    color:#000000;
}

/* -------------------------------------- common span components -------------------------------------- */
.item_click 
{
    cursor:pointer;
}
.item_contents 
{
    display:inline;
}
.source {
    color:#555555;
    font-style:italic;
}
.date {
    font-size:10pt;
    color:#555555;
}
.message 
{
    padding:4px;
    padding-left:10px;
    padding-right:10px;
    color:#ff0000;
    background-color:#fcf7c2;
    border:1px solid #a0a0a0;
    margin:5px;
}
img.border
{
    border:1px solid #a0a0a0;
    padding:2px;
}