/* DEFAULTS - BLOCK */
body {
 margin: 0;
 color: #333;
 background: #efefef;
 font: 85% Verdana, sans-serif;
}

body.signedout {
 background: white;
}

body.selector {
 background: white;
 margin: 0;
}

h2 {
 font-family: Arial, sans-serif;
 font-size: 22px;
 margin-top: 0;
}

h2.icon {
 background-position: top left;
}

h3, h4 {
 font-size: 100%;
}

h4 {
 font-weight:normal;
}

table {
 border-collapse: collapse;
 /* Disabled because hard to override */
 /*margin-bottom: 1.5em;*/
}

caption {
 font-weight: bold;
 color: #0E2C4E;
 text-align: left;
 margin: 2em 0 0.5em 0;
}

caption a.action {
 float: right;
 position: relative;
 top: -2em;
 margin: 0;
 padding: 8px 0 0 19px;
}

th,td {
 font-size: 95%;
 padding: 2px 0.5em;
}
td th,td td {
 font-size:inherit;
}
td {
 vertical-align: top;
}
td.number {
 text-align:right;
}
th {
 text-align: left;
}

ul {
 margin-left: 0;
 padding-left: 1.15em;
}

div.messages ul {
 border: solid 1px #ccc;
 padding: 0.5em 1em 0 1em;
 list-style: none;
 width: 75%;
 margin: 0 auto 2em;
 font-weight: bold;
}

div.messages span {
 padding-bottom: 8px;
}

div.messages li {
 margin-bottom: 0.5em;
 margin-left: 0;
 min-height:16px;
}

/* DEFAULTS - INLINE */
a,a:visited {
 color: #027aba;
}

a.action, div.action {
 background-position: bottom left;
 background-repeat: no-repeat !important;
 font-size: 70%;
 text-transform: uppercase;
 padding: 5px 0 2px 19px;
}

h2 a.action {
 font-size: 80%;
}

h2 strong {
 font-size: 85%;
}

small,.small {
 font-size: 70%;
 color: #666;
 font-weight: normal;
}

div.messages li,div.messages span,span.validation,span.inlineValidation {
 background-repeat: no-repeat;
 padding-left: 22px;
}

.validation {
 display: block;
}

.error {
 background-image: url("../img/icon/exclamation.png");
 color: #c04930;
}

.warning {
 background-image: url("../img/icon/error.png");
 color: #c06703;
}

.success {
 background-image: url("../img/icon/accept.png");
 color: #090;
}

.information {
 background-image: url("../img/icon/information.png");
 color: #009;
}

em,strong {
 font-style: normal;
}

em.timezone {
 font-size: 80%;
}

a.key,input.key,input.isKey {
 text-transform: uppercase;
}

input.key {
 width: 6em;
}
input.keyOrEmail, input.email {
 width: 22em;
}
input.description {
 width: 22em;
}
input.file {
 width: 60em;
}
select.selectorSearchField{
 vertical-align: top;
}
input.selectorSearchField {
 vertical-align: baseline;
}
input.selectorSearchSubmit {
 vertical-align: baseline;
}

span.accesskey {
 text-decoration:underline;
}

/* TABS */
ul.tabs {
 margin: 0;
 padding: 0;
 font-size: 90%;
 clear:right;
}

ul.tabs li {
 padding: 0.3em 1em;
 margin-right: 0.3em;
}

ul.tabs a {
 text-decoration: none;
}

/* MASTHEAD */
#masthead {
 height: 92px;
 background: white url("../img/vl-logo.png") 20px 20px no-repeat;
 position: absolute;
 top: 0;
 width: 100%;
 padding: 0;
 margin: 0;
}
 
body.signedout #masthead {
 height: 76px;
}

#masthead h1 {
 display: none;
}

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

#masthead ul.tabs {
 position: absolute;
 left: 0;
 bottom: 0;
 background: #ccc url("../img/vl-bar-gradient.png") repeat-x;
 padding: 0.5em 0;
 width: 100%;
}

/* Horizontal items with the left margin to match the #content area. */
#masthead ul.tabs li {
 color: #c68dc5;
 float:left;
 margin: 0 0 0 20px;
 padding:0;
 list-style:none;
}

/* Highlight the selected list item in bold white. Don't bold the square bullet because that changes its size. */
#masthead ul.tabs li.selected {
 color: white;
}
#masthead ul.tabs li.selected a {
 font-weight: bold;
}

#masthead ul.tabs a {
 color: white;
}

#masthead ul.tools li {
 color: #999;
 background-color:white;
 display: inline;
 font-size: 90%;
 padding: 0 0.5em;
 border-left: 1px solid #999;
 text-transform:lowercase;
}

#masthead ul.tools li#searchtool {
 padding: 0;
 border: none;
}

#masthead ul.tools {
 position: absolute;
 top: 20px;
 right: 20px;
 width:44em;
 text-align:right;
 margin: 0;
 padding-bottom: 0.3em;
 font-size: 90%;
}

#masthead ul.tools a {
 color: #027aba;
 text-decoration: none;
}

#masthead #searchtool input {
 vertical-align: baseline;
}
#masthead #searchtool input.text {
 vertical-align: baseline;
 width: 20em;
 margin: 0;
}


/* PAGE CONTENT */
#content {
 background: white;
 margin: 92px 15em 1em 0;
 padding: 20px;
 border: solid #dfdfdf;
 border-width: 0 1px 1px 0;
 position: relative;
}

body.signedout #content {
 margin: 76px 0 3em 0;
 border: none;
}

body.selector #content {
 border: none;
 margin: 0;
}

#content h2, #content h3, #content h4 {
 color: #0E2C4E;
 background-color:white;
}

#content h2 {
 font-size: 120%;
 margin-top: 0;
}

#content h2 strong {
 font-size: 120%;
}

#content h2 a {
 font-size: 80%;
}

#content hr {
 clear: both;
 visibility: hidden;
}

#content p {
 max-width: 52em;
}

#content p.subhead {
 margin: -1em 0 2em 20px;
 font-size: 80%;
 max-width:none;
}

#content em,#content strong {
 font-style: normal;
}

p#related {
 padding: 0.5em 1em;
 -moz-border-radius: 0.5em;
 background: #efefef;
}

p#related a {
 margin-left: 0.5em;
}

#content .ajaxstatus {
 margin: 0 2px;
 position: absolute;
}

/* CONTENT TABS */
#content ul.tabs {
 position:relative;
 margin: 2em 0 2em 0;
 border-bottom: solid 1px #ddd;
 padding: 0.3em 0.5em;
}

body.selector #content ul.tabs {
 margin: 0 0 2em -20px;
 padding-left: 20px;
}

#content ul.tabs li {
 position: relative;
 display: inline;
 margin:0 0.2em;
 padding:0.3em 0.5em;
 border: solid 1px #ddd;
 background: #ddd;
 white-space: nowrap;
}

#content ul.tabs li.selected {
 background: white;
 color:black;
 border: solid 1px #ddd;
 border-bottom-color: white;
}

#content ul.tabs li.status {
 position:absolute;
 right:20px;
 background: white;
 padding:0;
 margin:0;
 border:none;
}

/* FORMS - BLOCK */
form#presetFilters,form#search {
 background: none;
}

table.editform,form.editform {
 background: #efefef;
 padding-top: 1em;
 margin: 0 0 2em 0;
}

table.editform th, table.editform td, form.editform th, form.editform td {
 padding: 0.5em 1em;
 vertical-align: top;
}

table.editform td.label {
 padding-top:0.7em;
 padding-right: 0;
}

form.editform p.message {
 padding:0 1em;
}
table.editform td p {
 margin: 0;
}

/* FORMS - INLINE */
.instruction {
 font-size: 85%;
 max-width:20em;
}

textarea,input.text,select {
 margin-bottom: 0.5em;
 vertical-align: top;
}

textarea,input.text, input.email, input.key {
 font-family: monospace;
 font-size: 110%;
}

textarea {
 vertical-align: top;
 width: 20em;
 height: 4em;
}

#content input.checkbox {
 margin: 0;
 vertical-align: top;
}

label {
 font-weight: bold;
}

label.checkbox {
 font-weight: normal;
}
label.checkbox span.instruction {
 padding-left: 24px;
}

input.url {
 width: 50em;
}

/* TABLES */
th.af_column_sortable-header-text {
 border-bottom: solid 1px #ccc;
 color: #027ABA;
 cursor: pointer;
 text-decoration: underline;
}

#content h2.top_table {
 margin-right: 18em;
 position: absolute;
 top: 0em;
 margin-bottom: 0.5em;
}
.af_column_header-icon-format, .af_tableSelectOne_cell-icon-format-band, .af_tableSelectOne_cell-icon-format {
	display:none;
}
#content table.af_table_control-bar-top, #content table.af_table_control-bar-top * {
 margin: 0;
 padding: 0;
 z-index: 5; 
 font-size: 8pt;
} 

 #content table.af_table_control-bar-top td  {
 margin: 0;
 padding: 0;
 z-index: 5; 
}

#content div.data div.content_table {
	margin-top: 1em;
}
#content div.content_table td {
 padding:0;
}

#content table.af_table_content, 
#content table.content_table {
 clear: both;
 border: solid 1px #ccc;
 border-width: 1px 0;
}

#content div.data {
  position: relative;
  z-index:1;
  margin-top:0em;
  margin-bottom: 1em;
  padding-top:1em;
  padding-bottom: 1em;
}

#content table.af_table_content, 
#content table.af_table_content th, 
#content table.content_table, 
#content table.content_table th, 
.af_column_sortable-header-text, 
#content table.data, 
#content table.data th {
 background-color: #efefef;
 border-top: solid 1px #ccc;
 border-bottom: solid 1px #ccc;
}
#content table.data {
 margin:1em 0;
}

#content table.af_table_content th,
#content table.af_table_content td,  
#content table.content_table th,
#content table.content_table td,  
#content table.data td,  
#content table.data th {
 padding: 2px 0.5em;
}

#content table.af_table_content th,
#content table.content_table th,
#content table.data th {
 font-weight: bold;
 border-bottom: solid 1px #ccc;
}

#content table.af_table_content .af_column_cell-text,
#content table.content_table tr.odd,
#content table.data tr.odd {
 background-color: white;
}

#content table.af_table_content td *,
#content table.content_table td *{
	 vertical-align: top;
}

#content table.properties {
 border-top: solid 1px #ccc;
 margin-bottom: 1em;
}

#content table.properties th {
 padding-right: 0.5em;
 vertical-align: top;
}

table.properties th,table.properties td {
 border-bottom: solid 1px #ccc;
}

/* rich:datascroller */
div.rich-datascr table {
 border:none;
 border-collapse:separate;
 border-spacing:0.5em;
 margin: 0.5em 0 0 -0.5em;
 color:#888;
}

.dr-dscr-button, .dr-dscr-inact, .dr-dscr-act {
 padding:0.2em;
 border:1px solid #ccc;
}

.dr-dscr-button:hover, .dr-dscr-inact:hover {
 color: #027aba;
}

.dr-dscr-inact, .dr-dscr-act {
 font-weight:bold;
 font-size:80%;
 line-height:150%;
}

.dr-dscr-act {
 color: white;
 border:1px solid;
 background:#ccc;
}

.dr-dscr-button {
 line-height:100%;
}

.dr-dscr-button-dsbld {
 display:none;
}

/* TAGS */
div.tags {
 margin-top: 0.2em;
 margin-bottom: 0.2em;
}

div.tags span {
 margin-right: 2em;
}

div.tags a.small {
 text-decoration: none;
}

div.tags a.small:hover {
 color: #027aba;
 text-decoration: underline;
}

div.tags div.addtag {
 background-color: #ffffbf;
 background-position: 1em 1em;
 padding: 1em 1em 1em 3em;
 font-size: 85%;
}
div.tags div.addtag p {
 margin:0 0 0.5em 0;
}
div.tags div.addtag input#newTagsForm\:newTags {
 width:29em;
}
div.tags div.addtag p.popular a {
 padding:0 0.3em;
}
div.tags div.addtag p.popular a:hover {
 background: #027aba;
 color:white;
}

div.tags .ajaxstatus img {
 margin-left: 0.5em;
}

div.tags div.tagsForm\:newTags {
 width: 27em;
}

/* PAGE RIGHT ACTIONS */
#actions {
 width: 13em;
 position: absolute;
 right: 1em;
 top: 110px;
}

#actions h2, #actions li, #actions p {
 color: #666;
 font-size: 80%;
}
#actions h2 {
 font-family:Verdana, sans-serif;
 margin: 1.5em 0 0.5em 0;
}

#actions p {
 margin: 0.5em 0;
}

#actions div#pagehelp {
 margin-top:3em;
}

#actions div#pagehelp em {
 color: inherit;
 font-style: italic;
}

p.action {
 padding-left: 22px;
 min-height: 16px;
 background-position: top left;
 background-repeat: no-repeat;
 margin-top:0;
 margin-bottom: 0.5em;
}

#actions form {
 background: transparent;
}

#actions li,#actions strong {
 color: #666;
 list-style-type: square;
}

.help {
 font-size: 80%;
 color: #888;
}

/* PAGE FOOTER */
#footer {
 color: #666;
 font-size: 80%;
 margin: 1em 18.7em 1em 1em;
}

#footer a {
 color: inherit;
}

/* ICONS */
.icon {
 padding-left: 20px;
 line-height: 18px;
 padding-bottom: 3px;
 background-position: top left;
 background-repeat: no-repeat;
}

th.icon, td.icon, 
#content table.af_table_content th.icon,
#content table.af_table_content td.icon,  
#content table.content_table th.icon,
#content table.content_table td.icon,  
#content table.data td.icon,  
#content table.data th.icon {
 padding-left: 24px;
 background-position: 6px 2px;
}

.img-icon img {
 vertical-align: bottom;
 padding-right: 4px;
 border: 0px;
}

.right {
 float: right;
 margin: 0;
 z-index:2;
 position:relative;
}

/* Icons */

.account {
 background-image: url("../img/icon/user.png");
}

.addcomment {
 background-image: url("../img/icon/comment_add.png");
}

.addcontact {
 background-image: url("../img/icon/user_add.png");
}

.addorderline, .addsuborder {
 background-image: url("../img/icon/page_add.png");
}

.addtag {
 background-image: url("../img/icon/tag_blue_add.png");
}

.tag {
 background-image: url("../img/icon/tag_blue.png");
}

.comment {
 background-image: url("../img/icon/comment.png");
}

.completion {
 background-image: url("../img/icon/flag_yellow.png");
}

.confirmation {
 background-image: url("../img/icon/flag_green.png");
}

.contact {
 background-image: url("../img/icon/user_green.png");
}

.createorder {
 background-image: url("../img/icon/page_add.png");
}

.creator {
 background-image: url("../img/icon/star.png");
}

.deletecontact {
 background-image: url("../img/icon/user_delete.png");
}

.displaycolumns {
 background-image: url("../img/icon/table_gear.png");
}

.editaccount {
 background-image: url("../img/icon/user_edit.png");
}

.editorder, .editsuborder {
 background-image: url("../img/icon/page_edit.png");
}

.editview {
 background-image: url("../img/icon/table_edit.png");
}

.contactus {
 background-image: url("../img/icon/email.png");
}

.exception {
 background-image: url("../img/icon/flag_red.png");
 color: #ec200c;
}

.exportcalendar {
 background-image: url("../img/icon/date.png");
}

.exportexcel {
 background-image: url("../img/icon/page_white_excel.png");
}

.pdf {
 background-image: url("../img/icon/page_white_acrobat.png");
}

.feed {
 background-image: url("../img/icon/feed.png");
}

.kml {
 background-image: url("http://earth.google.com/gallery/images/kml_feed_small.png");
}

.jira {
 background-image: url("../img/icon/page_red.png");
}

.resource {
 background-image: url(../img/icon/package.png);
}

.resourceadd {
 background-image: url(../img/icon/package_add.png);
}

.resourceedit {
 background-image: url(../img/icon/package_edit.png);
}

.resourceremove {
 background-image: url(../img/icon/package_delete.png);
}

.resourcelink {
 background-image: url(../img/icon/package_link.png);
}

.resourcego {
 background-image: url(../img/icon/package_go.png);
}

.resourcegreen {
 background-image: url(../img/icon/package_green.png);
}

.item {
 background-image: url(../img//icon/brick.png);
}

.itemlink {
 background-image: url(../img//icon/brick_link.png);
}

.itemadd {
 background-image: url(../img//icon/brick_add.png);
}

.itemedit {
 background-image: url(../img//icon/brick_edit.png);
}

.itemremove {
 background-image: url(../img//icon/brick_delete.png);
}

.attachment {
 background-image: url(../img/icon/page_white.png);
}

.attachmentadd {
 background-image: url(../img/icon/page_white_add.png);
}

.attachmentremove {
 background-image: url(../img/icon/page_white_delete.png);
}

.attachmentedit {
 background-image: url(../img/icon/page_white_edit.png);
}

.attachmentimage {
 background-image: url(../img/icon/star.png);
}

.attachmentnotimage {
 background-image: url(../img/icon/star_gray.png);
}

.search {
 background-image: url("../img/icon/find.png");
}

.order {
 background-image: url("../img/icon/page.png");
}

.suborder {
 background-image: url("../img/icon/page_link.png");
}

.orderadd {
 background-image: url("../img/icon/page_add.png");
}

.private {
 background-image: url("../img/icon/lock.png");
}
.public {
 background-image: url("../img/icon/group.png");
}

.removeorderline, .removeorder, .removesuborder {
 background-image: url("../img/icon/page_delete.png");
}

.removeaccount {
 background-image: url("../img/icon/user_delete.png");
}

.removecomment {
 background-image: url("../img/icon/comment_delete.png");
}

.removecontact {
 background-image: url("../img/icon/user_delete.png");
}

.restoreaccount {
 background-image: url("../img/icon/database_add.png");
}

.saveview {
 background-image: url("../img/icon/table_save.png");
}

.support {
 background-image: url("../img/icon/help.png");
}

.updatestatus {
 background-image: url("../img/icon/flag_blue.png");
}

.user {
 background-image: url("../img/icon/user_green.png");
}

.viewinfo {
 background-image: url("../img/icon/information.png");
}

.viewfilter {
 background-image: url("../img/icon/table_go.png");
}

.viewhistory {
 background-image: url("../img/icon/calendar.png");
}

.viewnext {
 background: url("../img/icon/resultset_next.png") bottom right no-repeat;
 padding: 0 22px 0 0;
}

.viewprevious {
 background-image: url("../img/icon/resultset_previous.png");
}

.feed {
 background-image: url("../img/icon/feed.png");
 padding-bottom: 5px;
}