/*

milocs.be yellow: ff9900
milocs.be purple: 996699
milocs.be green:  666633
milocs.be red:    CC0000
milocs.be grey:   CCCCCC

*/

body,
html {
	margin:0;
	padding:0;
	color:#000;
	background:#ffffff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Helvetica", "Arial", sans-serif;
	font-size: 12px;
	background-color: #fff;
}

strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", "Helvetica", "Arial", sans-serif;
}

body.demo { background: url(/images/demo.png) repeat; }
body.demo .container { background-color: #fff; border: 1px solid #ccc; padding: 2px;}

body.popup { padding: 5px;}

#page-container {
	margin: 0 5px 15px 0;
}

#header {
	background-color: #ffffff;
	width: 100%;
	margin: 0;
}

#header h1 {
	margin-left: 15px;
}

#logo {
	margin-top: 5px;
	margin-left: 5px;
}

#eid-button {
	position:absolute;
	top:35px;
	right:5px;
}

#search-box {
	position:absolute;
	top:70px;
	right:5px;
	background-color: #fff;
}


ul.no-bullets {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

/* begin css tabs -- http://unraveled.com/publications/assets/css_tabs */

ul#tabnav { /* general settings */
	text-align: left; /* set to left, right or center */
	font-weight: bold;
	text-shadow: 1px 1px #ccc, -1px -1px #999;
	margin: 0.5em 0 0em 0; /* set margins as desired */
	border-bottom: 1px solid #cccccc; /* set border COLOR as desired */
	list-style-type: none;
	padding: 3px 10px 6px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
	display: inline;
}

ul#tabnav li.focus {
	border-bottom: 1px solid #fff; /* set border color to page background color */
}

ul#tabnav li.focus a {
	background: #bbbbbb;
	color: #000; /* set selected tab link color as desired */
	position: relative;
	top: 1px;
	padding-top: 7px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a {
	padding: 6px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #999999; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background: #999; /* set unselected tab background color as desired */
	color: #333; /* set unselected tab link color as desired */
	margin-right: 10px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
}

ul#tabnav a:hover {
	/* set desired hover color */
	border-color: #bbbbbb;
	background-color: #bbbbbb;
	color: #000;
}

/* end css tabs */

/* nav */
div#main-navigation {
	height: 25px;
	background: #bbbbbb;
	color: #333;
	text-shadow: 1px 1px #ccc, -1px -1px #999;

	/* text-shadow: 1px 1px #003300, -1px -1px #009900; */
	padding-top: 7px;
	padding-left: 19px;
}

div#main-navigation a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

div#main-navigation a:hover {
	background-color: transparent;
	text-decoration: none;
	color: #000;
}

div#main-navigation a.focus {
	/* background-color: #113e6c; */
	color: #000;
}


div#secondary-navigation {
	height: 25px;
	vertical-align: middle;
	background: #996699;
	text-shadow: -1px -1px #f3c800, 1px 1px #d17600;
	color: #000;
	padding-top: 9px;
	padding-left: 19px;
}

div#secondary-navigation a {
	color: #000;
	text-decoration: none;
}

div#secondary-navigation a.focus {
	/* background-color: #da2017; */
	color: #ff9900;
	font-weight: bold;
}

div#secondary-navigation a:hover {
	text-decoration: underline;
}

/* */

div#main {
	/*  background: url(/images/my_wice/bg_main.png) top repeat-x #fff; */
	background-color: #fff;
	padding-left: 15px;
	padding-top: 20px;
}

/*  #main */
a {
	color: #039;
	text-decoration: underline;
}

a:hover {
	color: #000;
	background-color: #ff0;
	text-decoration: none;
}

a:hover img {
	border: none;
	background-color: none;
}

h1, h2, h3 { font-family: "Helvetica", "Arial", sans-serif; font-weight: bold; }
h2 { font-size:16px; margin: 0; padding-bottom: 10px; } /* margin screws the #main background WTF */
h3 { font-size:15px; }

	div.errorExplanation {
		border: 1px solid #c66;
		background-color: #ffffee;
		padding: 10px;
		margin-bottom: 10px;
	}

.fieldWithErrors input, .fieldWithErrors select {border: solid 1px #f00; color: red}
label.mandatory { font-weight: bold; padding-right: 10px;}
/* label.mandatory:after { color: #c00; content: '*'; } */
label.mandatory:after { content: ' *'; color: #c00;}

.hint { font-size: 80%; color: #666; }

.error, .errors, .notice, .success, .tip {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error, .errors {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.warning {background:#FFF6BF;color:#614721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.tip {background:#ffffee;color:#333;border-color:#dddddd; }
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.sorry { color: #666; }


a img { border: none;}

br.clear { clear: both; }

.hidden { display: none; }

input.number { text-align: right;}

#nav {
	font-family: "Helvetica", "Arial", sans-serif;
	font-size: 110%;
	margin-bottom: 1em;
}

#nav a {
	padding: 5px;
}

#nav a.focus {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	background-color: #eeeeee;
}

/* Crumbtrail */

#crumbtrail {
	padding-left: 10px;
	margin-top: 0.5em;
	margin-bottom: 1em;
	color: #999;
}

#crumbtrail a {
	color: #666;
	text-decoration: none;
}

#crumbtrail a:hover {
	color: #000;
}

#crumbtrail a.focus {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	font-size: 120%;
}

/* Session */

#session {
	position: absolute;
	top: 10px;
	right: 15px;
	text-align: right;
	font-size: 80%;
}

#session a {
	color: #000;
	text-decoration: none;
}

#session a:hover {
	text-decoration: underline;
}

/* push that foot a little */
#main { margin-bottom: 15px; }

.small { font-size: 80%;}

.unem { color: #999; }
.unem a { color: #666; }
.unem a:hover { color: #009; }

tr.odd {
	background-color: #fff;
}

tr.even {
	background-color: #eeeeee;
}

/* */
.language-switcher {
	font-size: 75%;
	clear: both;
}

#language-switcher {
/*  float: right;*/
  text-align:center;
	color: #3b546b;
}

#language-switcher a {
	color: #6b849b;
}

#language-switcher a:hover {
/*  color: #6b849b;*/
	color: black;
}


/* Tables */
td.digits, td.number, th.digits, th.number, td.align-right { text-align: right; }
td.radio { text-align: center; }
td.status-code { text-align: center; }
td.multiline { vertical-align: top; padding-top: 5px; }

/* Errors */

div.fieldWithErrors { display: inline;}

/* */
div#tasks-panel { padding: 0px 0 10px 0; margin-left: 15px; margin-top: 20px; margin-bottom: 15px; font-size: 90%; }
div#tasks-panel img { vertical-align: text-bottom; }
div#tasks-panel a.task { color: #333; margin-right: 10px; text-decoration: none; border: 1px solid #cccc99; background-color: #ddddaa; padding: 5px; }
div#tasks-panel a.task:hover { color: #000; border: 1px solid #cccc99; background-color: #eeeebb; }

/* */
#tasks-panel-table { padding: 0px 0 10px 0; margin: 5px; }
#tasks-panel-table td { margin: 5px; }
#tasks-panel-table a { width: 100%; }
#tasks-panel-table a.task { border: 1px solid #cccc99; background-color: #ddddaa; padding: 5px; color: #333; text-decoration: none; }
#tasks-panel-table a.task:hover { border: 1px solid #cccc99; background-color: #eeeebb; color: #000;  }

/* Menu End*/

.inline-warning { border: 1px solid #ffffaf; background: #ffffdf; padding: 5px 10px; margin-bottom: 10px; }

/* Tabs */

.tabs .tablist {
  list-style-type: none;
  margin: 0 !important;
  overflow: hidden;
}

.tabs .tablist li {
	float: left;
	background: #ccc;
	border: 1px outset #ccc;
	border-bottom: 1px solid #bbb;
	color: #333;
	padding: 0.25em;
	margin-right: 2px;
}

.tabs .tablist li:hover {
	cursor: pointer;
	text-decoration: underline;
}

.tabs .tablist li.active {
	background-color: #ddd;
	border-color: #ddd;
}

.tabs.enhanced .tab {
  display: none;
/*  background: #ddd;*/
  border: 3px solid #ddd;
/*  border-top: none;*/
  padding: 1em;
}

.tabs.enhanced .title {
	display: none;
	color: red;
}

.tabs.enhanced .tab.active {
	display: block;
}

/*
.attachments {float:left;display:block;clear:right;width:500px;}

.attachment {float:left;padding:9px 6px;border:1px dotted #ccc;margin: 0 12px 18px 0;min-height:100px;text-align:center;width:140px; height:120px;}
.attachment .icon {float:left;width:100%;}
.attachment .filesize {float:left;clear:both;width:100%;color:#666;font-size:10px;}
.attachment .filename {float:left;clear:both;width:100%;}
.attachment .desc { font-size: 80%; color: #666; }
*/

table.form { border: 1px solid #eeeeee; margin-bottom: 1em; padding: 0.5em; }
table.form label { /*font-weight: bold;*/ }
table.form tr td { border-bottom: 1px solid #f8f8f8; }
table.form tr td.label { padding-right: 20px; text-align: right; }
table.form tr td.multiline { text-align:top; }
div.submit, td.submit { border-top: 1px solid #efefef; margin-top: 10px; margin-bottom: 10px; padding: 10px 10px 10px 0; background-color: #f8f8f8; text-align: left; padding-left: 400px; }
table.form td.title { font-weight: bold; height: 2em; background-color: #eeeeee; color: #333; border-bottom: 1px dotted #ccc; border-top: 1px solid #ccc; border-left: 1px dotted #ccc; border-right: 1px dotted #ccc; padding-left: 10px; font-size: 110%;}
table.form ol,
table.form ul { margin-top: 0.5em; padding-left: 1.5em; }
table.form ol li,
table.form ul li { line-height: 22px; }

div.checkbox,
span.checkbox { margin-right: 15px;}

hr { margin-top: 1em; margin-bottom: 1em; }

th { background-color: #dfdfdf; font-weight: bold; text-shadow: rgb(204, 204, 204) 0px 1px 0px; }
th { text-shadow: rgb(204, 204, 204) 0px 1px 0px;}
th a { color: #000; }
th a:hover { color: #333; }

table.bloated { font-size: 80%; }


.important {font-weight: bold;}
.very_important {font-weight: bold; text-decoration: underline;}

ul.arrow {
	list-style-image: url(/images/icons/bullet_arrow.png);
	list-style-type: none;
}

ul.warnings {
	list-style-image: url(/images/icons/bullet_warning.png);
	list-style-type: none;
}

ul.nobullet {
	margin-bottom: 0;
	list-style-image: none;
	list-style-type: none;
}

ul.boxed {
	border: 1px solid #ccc;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 2px 5px 2px 5px;
}

select.small {
	font-size: 90%;
}

/* Auto Complete */

div.auto_complete {
  margin: 5px;
  width: 350px;
  background: #fff;
}

div.auto_complete ul {
  border:1px solid #cc9;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}

div.auto_complete ul li {
  margin:0;
  padding:3px;
}

div.auto_complete ul li.selected {
  background-color: #ffb;
}

div.auto_complete ul strong.highlight {
  color: #800;
  margin:0;
  padding:0;
}

/* */

table.full-width {
	width: 100%;
}

table.with-borders
{
    border-color: #ccc;
    border-width: 0 0 1px 1px;
    border-style: solid;
}

table.with-borders td
{
    border-color: #ccc;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
}

table.with-borders th
{
    border-color: #999;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
}

input.search {
	background: url(/images/icons/search.png) top left no-repeat #fff ;
	padding-left: 16px;
}

.highlight {
	background-color: #ff0;
}

a.click-to-reveal {
	text-decoration: none;
	color: #000;
}

a.click-to-reveal:hover {
	cursor: help;
}

.quote fieldset {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
}

.quote fieldset legend {
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	font-size: 120%;
	font-family: "Helvetica", "Arial", sans-serif;
}

.subtotal {
	margin-top: 10px;
	text-align: right;
	font-weight: bold;
}

.grandtotal {
	text-align: right;
	font-size: 120%;
	font-weight: bold;
}

fieldset {
	border: 1px solid #999;
	margin-bottom: 1.5em;
}

legend {
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

.scroll-view {
	overflow: scroll;
}

ul.radio-buttons {
	list-style-type: none;
}

#companies-selector {
	position: absolute;
	top: 55px;
	right: 10px;
}

.domain-expires-soon,
.certificate-expires-soon {
	color: #c90;
	font-weight: bold;
}

.domain-expired,
.certiicate-expired {
	color: #900;
}

.centered {
	text-align: center;
}

/* WICE Grid */

table.wice_grid {
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0px
}

table.wice_grid tr.wice_grid_title_row th {
	background-color: #dddddd;
}

table.wice_grid tr.wice_grid_filter_row th {
	background-color: #dddddd;
}

table.wice_grid thead {
	border-bottom: 1px solid #666;
}

table.wice_grid td {
	border-bottom: 1px dotted #9999CC;
	height: 2.5em;
	padding: 0 1em;
}

/* Data table */

table.data {
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0px
}

table.data td {
	height: 2em;
}

table.data th {
	font-weight: normal;
	background-color: #333;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 4px solid #666;
	color: #fff;
	vertical-align: middle;
	padding-left: 15px;
	text-align: left;
	font-size: 120%;
	height: 2.0em;
	text-shadow: #000 1px 1px;
}

table.data.secondary th {
	background-color: #666;
	border-bottom-color: #999;
}

table.data.secondary th div.actions a {
	color: #ccc !important;
}

table.data th div.actions {
	font-size: 80%;
	text-shadow: none;
	float: right;
	margin-right: 10px;
	vertical-align: middle;
}

table.data td div.actions {
	float: right;
	margin-right: 10px;
	vertical-align: middle;
}

table.data th div.actions a {
	color: #999 !important;
	text-decoration: none !important;
}

table.data th div.actions a:hover {
	color: #fff !important;
	background-color: transparent;
	text-decoration: underline !important;
}

table.data td.label {
	background-color: #ffffee;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 15px;
	text-align: right;
	border-bottom: 1px dotted #bbbbbb;
	border-right: 1px dotted #ccc;
}

table.data td.value {
	width: 300px;
	padding-left: 15px;
	text-align: left;
	border-bottom: 1px dotted #ccc;
}

table.data td.title { height: 2em; background-color: #333; color: #fff; border-bottom: 1px dotted #ccc; border-top: 1px solid #ccc; padding-left: 10px; font-size: 110%; text-shadow: #000 1px 1px; border-bottom: 3px solid #666; border-top: 3px solid #666; border-left: 1px solid #333; border-right: 1px solid #333; }

table.data td.value ul {
	margin: 0;
	padding: 0;
}

table.data em {
	font-style: normal;
	color: #900;
}


.let-the-text-breathe {
	padding-left: 0.75em;
	padding-right: 0.5em;
}

a.add {
	text-decoration: none;
	padding: 2px 5px;
}

a.add:hover {
	background-color: #000;
	color: #fff;
}

div.text {
	background-color: #fcfcfc;
	border: 1px inset #cccccc	;
	padding: 5px 10px;
}

.comment .text {
	background-color: #fffffc;
}

.comment .meta {
	margin-top: 3px;
	float: right;
	clear: both;
	background: url(/images/icons/comment.png) no-repeat;
	padding-left: 18px;
}

.comment .meta a.author {

}

.comment .meta .date {
	color: #666;
}

td.column {
	vertical-align: top;
}

td.sidebar {
	padding-left: 20px;
}

/* Steps */
table.steps {
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px solid #999;
}

table.steps th {
	padding-bottom: 5px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #ccc;
	color: #000;
}

table.steps td {
	padding-top: 5px;;
	padding-bottom: 5px;
	border-bottom: 1px dotted #666;
	padding-left: 5px;
	border: 1px solid #999;
	padding-right: 5px;
}

table.steps td.name {
	font-weight: bold;
	padding-right: 10px;
	background-color: #ffffee;
}

table.steps tr.past,
table.steps tr.todo {
	color: #666;
}


div.box {
	border: 1px solid #ccc;
	background-color: #eeeeee;
	margin-bottom: 10px;
	padding: 5px 10px;
	width: 300px;
}

div.box h4 {
	margin-top: 0;
	color: #333;
}

div.box .actions {
	font-size: 80%;
}

div.box .actions a {
	color: #333;
}

.optional-field {
	color: #666;
}

table.details {
}

table.details td {
	border: none;

}

table.details td.label {
	font-weight: bold;
	text-align: right;
}

table.details td.number {
	text-align: left;
}

/* Attachment */

a.attachment {
	text-decoration: none;
}

a.attachment:hover {
	background-color: transparent;
	text-decoration: underline;
}

div.new-attachment {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #ccc;
}

/* Reports */

fieldset.report {
	border: 1px solid #ccc;
	width: 50%;
}

fieldset.report legend {
	background: url(/images/icons/report.png) 3px top no-repeat transparent;
	padding-left: 24px;
}

fieldset.report div.format-selector {
	margin-top: 10px;
	margin-bottom: 10px;
}

fieldset.report div.format-selector label {
	margin-right: 20px;
}

fieldset.report .button {
	text-align: right;
}

div.report-preview table {
	width: 500px;
	overflow: scroll;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px solid #ccc;
	font: 80% "Helvetica", "Arial", sans-serif;
}

div.report-preview table th {
	vertical-align: bottom;
	text-align: center;
	border: 1px solid #999;
	padding-bottom: 3px;
}

div.report-preview table td {
	border: 1px solid #999;
	vertical-align: top;
	text-align: left;
	padding: 2px;
}

div.under-construction {
	border: 2px dotted #fc0;
	background: url(/images/icons/under_construction.png) 5px 10px no-repeat #ffc;
	padding: 10px 5px 10px 30px;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	color: #333;
}

div.box.memos { background-color: #ffc;}

.memo { padding-bottom: 5px;  margin-top: 5px; border-bottom: 1px dotted #999; }
.memo .body { font-size: 80%;}
.memo .meta { font-size: 80%; text-align: right; color: #333;}
.memo .meta .author { font-weight: bold;}

p.download-csv { text-align: center; }

.all-keywords {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
}

.all-keywords .kw {
	float: left;
	margin: 10px;
	padding: 10px;
	background-color: #eeeeee;
}

.all-keywords-filter {
	float: left;
}

.new-keyword {
	float: right;
}

.rename-keyword {
	width: 300px;
	float: left;
}

.merge-keyword {
	width: 500px;
	float: left;
	margin-left: 20px;
}

.keyword-suggestions {

}

.keyword-suggestions ul {
}

.keyword-suggestions li {

}

.keyword-suggestions li:hover {
	cursor: pointer;
	background-color: #ffc;
}

#suggestions_for_global-search-field {
	background-color: #fff;
	border: 1px solid #eee;
	-moz-box-shadow: 5px 5px 5px #ccc;
  	-webkit-box-shadow: 5px 5px 5px #ccc;
  	box-shadow: 5px 5px 5px #ccc;
}

#suggestions_for_global-search-field h4 {
	margin-left: 5px;
}

#suggestions_for_global-search-field ul {
	margin: 10px;
	border: 1px solid #ccc;
	padding: 5px;
	list-style-type: none;
}
#suggestions_for_global-search-field ul li {
	margin: 0;
}

.tag1 { font-size: 0.8em; }
.tag2 { font-size: 1.0em; }
.tag3 { font-size: 1.2em; }
.tag4 { font-size: 1.4em; }

#tag-cloud {
	float: right;
	border: 1px solid #ccc;
	padding: 10px;
	margin-right: 10px;
	width: 300px;
}

#tag-cloud h3 {
	margin: 0;
}

#footer {
	margin-top: 20px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
	color: #999;
	text-align: center;
	font-size: 80%;
}


#footer .version {

}

#search-results h3 {
	margin-bottom: 0.5em;
}

li.ellipsis {
	color: #666;
}

#search-results .links a {
	font-size: 90%;
	margin-right: 1em;
}

p.character-counter {
	text-align: right;
}


.tmr-status-error {
	font-weight: bold;
	color: #C00;
}

.tmr-status-warning {
	color: #f90;
}

.tmr-status-ok {
	color: #090;
}

.tmr-status-unknown {
	color: #999;
}

#identity-card {
	width: 240px;
	float: left;
	margin-right: 20px;
}

#matching {
	width: 720px;
	float: left;
}

#identity-card table.data {
	width: 100%;
}

#identity-card table.data td.label {
	width: 80px;
}

#identity-card table.data td.value {
	width: auto;
}

table.identity-card-matches {
	width: 100%;
}

/*  This is just an example, so feel free to re-style it completely */ 

.wice_grid {
  border: 1px solid #ccc;
  border-collapse: collapse;
  border-spacing: 0px
}

.wice_grid th { 
  background-color: #dfdfdf; 
  font-weight: bold; 
  text-shadow: rgb(204, 204, 204) 0px 1px 0px; 
  height: 2em;
  padding: 0 1em;
  
}
.wice_grid th a { 
  color: #000; 
}
.wice_grid th a:hover { 
  color: #333; 
}

.wice_grid tr.wice_grid_title_row th,  
.wice_grid tr.wice_grid_filter_row th{
  background-color: #dddddd;
  vertical-align: top;
}



.wice_grid th.filter_icons, .wice_grid th.hide_show_icon {
  text-align: right ;
}

.wice_grid thead {
  border-bottom: 1px solid #666;
}

.wice_grid tr.odd {
  background-color: #fff;
}

.wice_grid tr.even {
  background-color: #eeeeee;
}

.wice_grid td {
  border-bottom: 1px dotted #9999CC;
  height: 2.5em;
  padding: 0 1em;
}

.wice_grid .desc,  .wice_grid .asc{ 
  padding-right: 18px; 
  text-decoration:none;
}

.wice_grid .desc { 
  background: transparent url(/images/icons/grid/arrow_down.gif) right no-repeat
}
.wice_grid .asc  { 
  background: transparent url(/images/icons/grid/arrow_up.gif)   right no-repeat
}

.wice_grid th div.date-filter {
  text-align: left;
}

.wice_grid tr.even td.active_filter  { background-color: #ddddff; }
.wice_grid tr.odd td.active_filter  { background-color: #eeeeff; }

.wice_grid tr.even td.sorted { background-color: #ffffcc; }
.wice_grid tr.odd td.sorted { background-color: #ffffee; }


.wice_grid a.date_label {text-decoration: none;}
.wice_grid a.date_label:hover {text-decoration: line-through;}


.wice_grid_container .pagination {
  float: left;
}

.wice_grid_container .pagination_status {
  font-weight: bold;
  float: right;
}

.wice_grid_container .pagination_status .show_all_link a {
  text-decoration: none;
  font-size: 80%;
}

.wice_grid .custom_dropdown_container { position: relative; padding-right: 9px;}
.wice_grid .custom_dropdown_container .toggle_multi_select_icon { position:absolute; top:0; right:0;  }

.wice_grid .text_filter_container { position: relative; padding-right: 13px;}
.wice_grid .text_filter_container .negation_checkbox { position:absolute; top:0; right:0;  }


/*  Saved Queries  */

.wice_grid_container h3 {
  font-family: 'Lucida Grande';
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  margin-bottom: 2px;
}

.wice_grid_query_panel {
  width: 400px;
  border:1px solid #ddd;
  margin-top : 10px;
  margin-bottom : 10px;
  padding : 5px;
}


.wice_grid_query_panel .query_list{
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin-left : 0px;  
}

.wice_grid_query_panel .query_list li a.query_load_link {
  text-decoration: none;
}


.wice_grid_query_panel .query_list li a.current {
  font-weight: bold;
  text-decoration: underline;  
}


.wice_grid_query_panel .query_list li a.query_load_link:hover {
  text-decoration: underline;
}


.wice_grid_query_panel  .wice_grid_notice {
  padding:.4em;
  margin-bottom:1em;
  border:2px solid #ddd;
  background:#FFF6BF;
  color:#514721;
  border-color:#FFD324;
}


.wice_grid_query_panel  .errorExplanation {
  padding:.4em;
  margin-bottom:1em;
  border:2px solid #ddd;
  background:#FBE3E4;
  color:#8a1f11;
  border-color:#FBC2C4;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin-left : 0px;
}




div.calendar
{
  font-size: smaller;
  color: #000;
}

div.calendar.popup
{
  margin-left: -40px;
  margin-top: -100px;
}

div.calendar table
{
  background-color: #eee;
  border: 1px solid #aaa;
  border-collapse: collapse;
}

div.calendar thead {
  background-color: white;
}

div.calendar td,
div.calendar th
{
  padding: 3px;
  text-align: center;
}

div.calendar td.title
{
  font-weight: bold;
}

div.calendar th
{
  background: #ddd;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-weight: bold;
  color: #555;
}

div.calendar tr.days td {
  width: 2em;
  color: #555;
  text-align: center;
  cursor: pointer;
}

div.calendar tr.days td:hover,
div.calendar td.button:hover
{
  background-color: #34ABFA;
  cursor: pointer;
}


div.calendar tr td.closeButton:hover
{
  background-color: #34ABFA;
  cursor: pointer;
}


div.calendar tr.days td:active
div.calendar td.button:active
{
  background-color: #cde;
}

div.calendar tr.days td.selected
{
  font-weight: bold;
  background-color: #fff;
  color: #000;
}

div.calendar tr.days td.today
{
  font-weight: bold;
  color: #D50000;
}

div.calendar tr.days td.otherDay
{
  color: #bbb;
}

div.calendar .draggableHandler{
  cursor: move;
}

/*  styles for the date_picker Rails plugin */
span.date_picker a.date_label{
  margin-left: 5px;
  margin-right: 5px;
  text-decoration: none;
}
span.date_picker a.date_label:hover{text-decoration: line-through;}

span.date_picker span.trigger:hover{
  cursor: pointer;
}


.tabs .tablist {
	list-style-type: none;
	margin: 0 !important;
	overflow: hidden;
}

.tabs .tablist li {
	float: left;
	background: #ccc;
	border: 1px outset #ccc;
	border-bottom: 1px solid #bbb;
	color: #333;
	padding: 0.25em;
	margin-right: 2px;
	height: 22px;
}

.tabs .tablist li:hover {
	cursor: pointer;
	text-decoration: underline;
}

.tabs .tablist li.active {
	background-color: #ddd;
	border-color: #ddd;
}

.tabs.enhanced .tab {
	display: none;
	background: #ddd;
	border: 1px outset #ddd;
	border-top: none;
	padding: 1em;
}

.tabs.enhanced .title {
	display: none;
}

.tabs.enhanced .tab.active {
	display: block;
}

.tabs fieldset { margin-top :0;}

.tablabel { padding-right: 20px;}