#error { margin: 10px 12%; }
#error #title
{
    font-size: 150%;
    font-weight: bold;
    color: #043DBC;
    border-bottom: 1px dotted #3D7DC7;
    margin-bottom: 20px;
}
#error .details
{
    margin: 12px;
    padding: 10px;
    background-color: #ffffdd;
    border: #333 solid 1px;
    text-align: left;
}

div.action { line-height: 1.7em; margin-bottom: 5px; }
div.action h3
{
	display:none;
   font-size: 86%; font-weight: bold;
   letter-spacing: 1px;
   padding: 0.3em 0.3em 0.3em 2.2em;
   margin-bottom: 1em;
   background: #F0F0F0;
}

div.action div.trigger { border: 0; margin: 0px 20px 5px 0px; }
div.action div.trigger form label { display: inline; }
div.action div.trigger form field { display: inline; }

#messages {margin-bottom:10px;}
#messages .message, #messages .error, #messages .warning {margin-left:20px;padding:10px 10px 10px 0px;}
#messages .ui-icon {float:left;margin:10px 0px 0px 4px;}

.hide { display: none; }
br.clr { clear: left; height:0px;}

.hintsClass
{
    background-color: #ffd;
    font-size: 68%;
    font-weight: normal;
    border: 1px solid #333;
    padding: 4px;
    margin: 0;
    text-align: left;
    vertical-align: top;
}

.important
{
    color: red;
    display: inline;
    font-weight: bold;
    font-family: courier;
}

div.col-a1 { width: 46%; float: left; padding-top: 1.5em; }
div.col-a2 { width: 46%; float: right; padding-top: 1.5em; }
div.col-a1 h3, div.col-a2 h3 { color: #043DBC; border-bottom: 1px dotted #3D7DC7; margin-bottom: 1.0em; }

div.login { background-color: #F7F7F7; padding: 0.5em; }
div.login div.submit { margin: 1.5em 0 0.5em 0; }
div.login input.login { width: 90%; }
div.login p.error { width: 90%; padding: 0.5em; font-weight: bold; color: red;}

div.help
{
    padding: 0 20px 20px 20px;
    text-align: left;
}

div.help #close
{
    position: absolute;
    top: 20px;
    right: 20px;
}

div.help p
{
    padding: 0 20px 0 20px;
}

div.help .highlight
{
    font-weight: bold;
    border: 2px dotted #ccc;
    background: url(warning.gif) #ffd no-repeat 20px 50%;
    text-indent: 20px;
    padding: 10px 20px 10px 20px;
    margin: 0 20px 0 20px;
}

div.help table
{
    width: 100%;
    padding: 0 20px 0 20px;
}

div.help table th
{
    text-align: center;
    font-weight: bolder;
}

div.help table td
{
    text-align: left;
    vertical-align: top;
}

#pageHelp
{
    text-align: right;
    vertical-align: top;
    margin-left: 480px;
}

img.calendar
{
    width: 16px;
    height: 16px;
    margin-left: 3px;
}

/* table classes (<display:*> taglib) */

div.exportlinks { margin-top: 15px; }
span.export
{
    padding: 0 4px 1px 20px;
    display: inline;
    cursor: pointer;
}
span.excel { background-image: url(excel.gif); background-repeat: no-repeat; }
span.csv { background-image: url(csv.gif); background-repeat: no-repeat; }
span.xml { background-image: url(xml.gif); background-repeat: no-repeat; }
span.pdf { background-image: url(pdf.gif); background-repeat: no-repeat; }
span.datalinkexcel { background-image: url(excel.gif); background-repeat: no-repeat; }
span.datalinkcsv { background-image: url(csv.gif); background-repeat: no-repeat; }
span.datalinkxml { background-image: url(xml.gif); background-repeat: no-repeat; }
span.datalinkpdf { background-image: url(pdf.gif); background-repeat: no-repeat; }

.table {padding:5px 0px;}
table.list { width: 100%; padding-right: 25px; }

table#row th { margin: 6px; margin-top: 2px; text-align: center;}
table#row td { padding: 0 14px 0 14px; }

table#row th a { margin-right: 14px;}

tr.odd { background-color: #eeeeff; padding: 2px; }
tr.even { background-color: #fffffd; padding: 2px; }
th.sorted { background-color: #fff; font-weight: bold; }
th.sorted, th.sortable { background-position: top right; }
th.sortable { background: url(none.gif) no-repeat top right; }
th.order1 { background: url(descending.gif) no-repeat top right; }
th.order2 { background: url(ascending.gif) no-repeat top right; }
td.label {width:210px;}

span.pagebanner
{
    background-color: #eee;
    border: 1px dotted #999;
    padding: 2px 4px 2px 4px;
    margin: 10px 0 0 0;
    display: block;
    border-bottom: none;
}

span.pagelinks
{
    background-color: #eee;
    border: 1px dotted #999;
    padding: 2px 4px 2px 4px;
    display: block;
    border-top: none;
    margin: 0 0 10px 0;
}
/* create a button look for links */
a:link.buttonLink, a:visited.buttonLink
{
    background-color: #0099ff;
    border-top: #99ccff solid 1px;
    border-right: #003399 solid 1px;
    border-bottom: #003399 solid 1px;
    border-left: #99ccff solid 1px;
    color: white;
    font-family: arial,helvetica,sans-serif;
    font-size: 9px;
    font-weight: bold;
    padding: 1px 5px 1px 6px;
    text-decoration: none;
    text-align: center;
}
a:hover.buttonLink
{
    background-color: #9999ff;
    color: white;
}
/* depress effect on click */
a:active.buttonLink , a:focus.buttonLink
{
    border-top: #003399 solid 1px;
    border-right: #99ccff solid 1px;
    border-bottom: #99ccff solid 1px;
    border-left: #003399 solid 2px;
}
/* styles for the breadcrumbs */
#breadcrumbs
{
    font-size: 86%;
    color: #999;
    padding-top: 14px;
    padding-left: 4px;
    margin: 0;
}

#breadcrumbs a:link, #bc a:visited, #bc a:hover { border-bottom: 1px solid #fff; }

#getCompanyName.action {display:none;}

img.calendar { vertical-align: top; }

a.imageLink { border-width: 0; text-decoration: none; padding: 0; margin: 0; }


body {background: #2D5F90 url("../images/eztrack-blue-bg.png") repeat-x top;min-width: 990px;}
#container {position: relative; text-align: left;}

#header {height:60px;background:#E7E7E7;}
#header .logo {float:left;width:142px;height:60px;}
#header .logo img {width:100%;height:100%;}
#header .banner {text-align:left;}
#header .banner img {width:553px;height:60px;}
#header .loginDetails {float:right;height:56px;color:#091351;padding:2px 5px 2px 0px;text-align:right;}
#header .loginDetails div {height:12px;text-align:right;font-size:1em;}

#toolbar {height:30px;background: url("../images/eztrack-blue-toolbar2.jpg");padding:0px 15px;}
#toolbar .maintoolbar a {float:left;background: url("../images/eztrack-blue-toolbar-dot.png") no-repeat left;padding-left:12px;margin:4px 15px 4px 0px;color:#FFFFFF;border:0px;}

#toolbar .subtoolbar {float:right;color:#3D7DC7;}
#toolbar .subtoolbar .left {float:left;width:12px;height:29px;background:url("../images/sub_menu1.png");}
#toolbar .subtoolbar .center {float:left;height:29px;background:url("../images/sub_menu2.png");padding-top:5px;}
#toolbar .subtoolbar .right {float:left;width:9px;height:29px;background:url("../images/sub_menu3.png");}
#toolbar .subtoolbar a {margin:0 5px;border:0px;}

#sidebar {float:left;width:43px;}
.rootVoices td.rootVoice {background-color:transparent; line-height:18px; padding:2px; cursor: pointer;}
.rootVoices td.selected{background-color:#EFEFEF;;cursor: pointer;}

.menuShadow1{padding:2px;padding-bottom:0px;left:-2;top:1px;}
.menuContainer {color:#999999;background-color:#B9C5D1;text-align:left;padding:5px;}
.menuContainer td {padding:5px;}
.menuContainer td a{text-decoration:none;color: #000000;}

.menuContainer .selected td{background:#f3f3f3 url("../images/bgnd_sel_1.jpg");}
.menuContainer .selected td a {color:#FFFFFF;}

#content {background:#FFFFFF;padding:20px 20px 0px 20px;min-height:350px;}
#contentbottom {clear: both;}
#contentbottom .left {width:32px;height:32px;float:left;background:url("../images/content-bl.png");}
#contentbottom .center {height:32px;background: #FFFFFF;margin:0px 32px;border:0px;}
#contentbottom .right {width:32px;height:32px;float:right;background:url("../images/content-br.png");}

#content {margin:0px 0px 0px 43px;}
#contentbottom {margin:0px 0px 0px 43px;}
#contentbottom .right {background:#FFFFFF;}


#sponsors {height:60px;color:#FFFFFF;margin:15px;}
#sponsors .operatedby {float:left;}
#sponsors .operatedby span {vertical-align: top;}
#sponsors .poweredby {float:right;}
#sponsors .poweredby span {vertical-align: top;}

.deleteButtonLink {background-color: #CD0A0A !important;}

#footer {clear: both;color:#FFFFFF;margin:15px;}
#footer a {color:#FFFFFF;border:0px;}
#footer .left {float: left;}
#footer .center {text-align: center;}
#footer .right {float: right;}

#homescreen .video {float:left;}
#homescreen .description {margin-left:440px; background: url("../images/globe-bg.gif") no-repeat right bottom;min-height: 350px;padding-top:10px;}
#homescreen .slogan {margin:0px 60px;}
#homescreen .slogan1 {color: #003D79; margin-bottom:10px; text-align:  center; font-size:22px; font-weight: bold; font-style:italic;}
#homescreen .slogan2 {color: #109B5C; margin-bottom:30px; text-align:   right; font-size:22px; font-weight: bold; font-style:italic;}
#homescreen .slogan3 {color: #999999; text-align: justify; font-size:13px; font-weight: bold; font-style:italic;}

.statictext {text-align:justify;}
.staticspacer {height:5px;}

#metadataListItems .id {}

.conditionseditor ul { list-style-type: none; margin: 0; padding: 0;}
.conditionseditor .header {margin: 3px 3px 0px 3px; padding-left:1.5em;text-align: left;}
.conditionseditor li { list-style-type: none; margin: 0 3px 3px 3px; padding: 0.4em;}
.conditionseditor li .dragicon {float:left;cursor:pointer;}
.conditionseditor li .deleteicon {float:right;cursor:pointer;}
.conditionseditor .fieldname {float:left;}
.conditionseditor .operator {float:left;}
.conditionseditor .mode {float:left;}
.conditionseditor .values {margin-right:25px; width:375px;}
.conditionseditor .values input {width:350px;}
.conditionseditor .values .addvalue {cursor:pointer;float:right;}
.conditionseditor .values .removevalue {cursor:pointer;float:right;}
.conditionseditor .values .valuesList {margin-right:16px;}
.conditionseditor .values .conditionvalue {padding:2px;margin-right:16px;}
.conditionseditor .addcondition {cursor:pointer;margin: 0 3px 3px 3px; padding: 0.4em;}
.conditionseditor .addcondition .ui-icon {float:left;}
.conditionseditor .undoremove {cursor:pointer;margin: 0 3px 3px 3px; padding: 0.4em;}
.conditionseditor .undoremove .ui-icon {float:left;}

.resultcolumnseditor ul { list-style-type: none; margin: 0; padding: 0;}
.resultcolumnseditor .header {margin: 3px 3px 0px 3px; padding-left:1.5em;text-align: left;}
.resultcolumnseditor li { list-style-type: none; margin: 0 3px 3px 3px; padding: 0.4em;}
.resultcolumnseditor li .dragicon {float:left;cursor:pointer;}
.resultcolumnseditor li .deleteicon {float:right;cursor:pointer;}
.resultcolumnseditor .fieldname {margin-left:16px;margin-right:16px;}
.resultcolumnseditor .addresultcolumn {cursor:pointer;margin: 0 3px 3px 3px; padding: 0.4em;}
.resultcolumnseditor .addresultcolumn .ui-icon {float:left;}
.resultcolumnseditor .undoremove {cursor:pointer;margin: 0 3px 3px 3px; padding: 0.4em;}
.resultcolumnseditor .undoremove .ui-icon {float:left;}

.timezone {color:#555555;font-size:80%;}

.datalink {padding:5px 0px;}
.datalink .condition {margin: 3px 3px 0px 3px;padding:2px;}
.datalink .fieldname {float:left;}
.datalink .operator {float:left;}
.datalink .required {float:right;padding:0px 3px;text-align: left;width:70px;height:18px;}
.datalink .message {float:right;padding:0px 3px;}
.datalink .values {width:405px;}
.datalink .values input {width:300px;}
.datalink .values .datetype input {width:225px;}
.datalink .values .datetype .timezone {float:right;margin:2px 5px;}
.datalink .values .addvalue {cursor:pointer;float:right;}
.datalink .values .removevalue {cursor:pointer;float:right;}
.datalink .values .valuesList {margin-right:16px;}
.datalink .values .conditionvalue {padding:2px;margin-right:16px;}
.datalink .values .valuespacer {width:16px; height:16px;float:right;margin-left:0px;}
.datalink .values .calimg {background: url("calendar/calendar.gif"); width:16px; height:16px;float:right;margin-left:0px;}
.datalink .controls {padding: 3px 3px 0px 3px;height:20px;}
.datalink .controls .loading {float:left;width:20px;height:20px;background:url("../images/loader.gif") no-repeat center;}
.datalink .control {cursor:pointer;float:left;height:18px;padding:0px 3px;}
.datalink .control span {float:left;}


.dashboard {padding:5px 0px;font-size:1.7em; line-height:1.3em;}
.dashboard .header {padding-left:110px;}
.dashboard .header .datacolumn {margin:0px 1px 0px 0px;font-size:1.1em;border-color:#AAAAAA;}
.dashboard .headerbottom {clear:both;}
.dashboard .labelcolumn {float:left;width:100px;padding:0px 5px;overflow:hidden;}


.dashboard .labeltext {margin-left:16px;font-size:1.1em;}
.dashboard #labeltest {color:#FFFFFF;}


.dashboard .datacolumn {float:left;width:100px;padding:5px;font-size:1.7em;text-align:center;border-left-style:solid;border-width:1px;}

.dashboard .xFieldValueHeader{text-align:center;border-left-style:solid;border-width:1px;border-bottom-style:solid;border-color:#AAAAAA;font-size:1.1em;}
.dashboard .yFieldValueHeader{padding-left:21px;font-size:1.1em;}

.dashboard .content ul {list-style-type: none; margin: 0; padding: 0;}
.dashboard .content li {list-style-type: none; height:30px;margin:3px 0px;cursor:pointer;}
.dashboard .content li .ui-icon {float:left;}
.dashboard .controls {padding: 3px 0px 0px 0px;height:30px;}
.dashboard .controls .loading {float:left;width:20px;height:20px;background:url("../images/loader.gif") no-repeat center;}
.dashboard .control {cursor:pointer;float:left;height:20px;padding:0px 3px;margin-right:2px;}
.dashboard .control span {float:left;}

.auth_action {cursor:pointer;height:18px;padding:0px 3px;margin-right:2px;}
.auth_header {margin-top: 2em; padding-left:1em;}
.auth_content {padding: 1em 1em 1em 1em; }
.auth_removeregrantee_action {float:right;}
.auth_regrantee {height:18px;cursor:auto !important;}

.listfield ul { list-style-type: none; margin: 0; padding: 0;}
.listfield .header {margin: 3px 3px 0px 3px; padding-left:1.5em;text-align: left;}
.listfield .column {float:left;}
.listfield li { list-style-type: none; margin: 0 3px 3px 3px; padding: 0.4em;}
.listfield li .dragicon {float:left;cursor:pointer;}
.listfield li .deleteicon {float:right;cursor:pointer;}
.listfield .additem {cursor:pointer;margin: 0 3px 3px 3px; padding: 0.4em;}
.listfield .additem .ui-icon {float:left;}
.listfield .undoremove {cursor:pointer;margin: 0 3px 3px 3px; padding: 0.4em;}
.listfield .undoremove .ui-icon {float:left;}

.externalicon {width:16px;height:16px;}
#eventSideBar {float:left;height:400px;width:300px;margin-top:15px;}
#eventSideBarButton {float:left;margin-top:15px;}