/* Begin reseted */

a, a:active, a:visited { color:#004c94; }
a:hover { color:#D40300; }


h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 160%; margin: 12px 0px; }
h2 {  font-size: 150%; margin: 10px 0px; }
h3 { font-size: 140%; margin: 8px 0px; }
h4 { font-size: 130%; margin: 6px 0px; }
h5 { font-size: 120%; margin: 4px 0px; }
h6 { font-size: 110%; margin: 2px 0px; }

p { margin: 15px 0; }
p:last-child {margin-bottom: 10px;}

ul, ol { margin-left: 0;  }
ul li { list-style-type: disc; list-style-position: inside; }
ul ul li { list-style-type: circle; }
ul ul ul li { list-style-type: square; }
ul ul ul ul li {list-style-type: circle; }
ol li { list-style-type: decimal; }
ol ol li { list-style-type: lower-alpha; }
ol ol ol li { list-style-type: decimal; }

/* Abbreviation */
abbr { border-bottom: 1px dotted #666; cursor: help; white-space: nowrap; }
dl { font-size: 1em; }
dt { padding: 7px 0; font-weight: bold; }
dd { padding: 0px 5px 10px 5px; }
pre, code {
  background-color: #efefef;
  display: block; padding: 5px; margin: 5px 0; border: 1px solid #aaa;
  font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
}
form { margin: 10px 0; }
fieldset{ border: 1px solid #CCCCCC; margin-bottom: 10px; padding: 5px 10px; }
input, textarea, select{ border: 1px solid #B4B4B4; }

::selection {
    background: #0A2A75; /* Safari */
    color: #fff;
    }
::-moz-selection {
    background: #0A2A75; /* Firefox */
    color: #fff;
}



/** * How To Clear Floats Without Structural Markup:  * http://www.positioniseverything.net/easyclearing.html *  */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; }
/* clear classes for content */
.clearleft { clear: left; }
.clearright { clear: right; }
.clearboth { clear: both; }
.clearb { display: block; float: none; clear: both; }
span.clearb { font-size: 1px; font-family: arial; line-height: 1px; margin-bottom: 0px; }
/* Float classes for images */

.fleft { float: left; }
.fright { float: right; }
img.fleft { margin-right: 10px; }
img.fright { margin-left: 10px; }
img.centered { display: block; margin: 10px auto; }

.text-left { text-align: left; }
.text-center { text-align: center;; }
.text-right { text-align: right;; }



/* $Id: system.css,v 1.48 2008/01/09 09:56:39 goba Exp $ */

/*
** HTML elements
*/
body.drag { cursor: move; }
th.active img { display: inline; }
tr.even, tr.odd { background-color: #eee; border-bottom: 1px solid #ccc; padding: 0.1em 0.6em; }
tr.drag { background-color: #fffff0; }
tr.drag-previous { background-color: #ffd; }
tr .ahah-progress .throbber { margin: 0 2px; }
tr.selected td { background: #ffc; }
td.active { background-color: #ddd; }
td.checkbox, th.checkbox { text-align: center; }
tbody { border-top: 1px solid #ccc; }
tbody th {text-align: left;  border-bottom: 1px solid #ccc; }
table.sticky-header { margin-top: 0; background: #fff;}
tr.odd .form-item, tr.even .form-item { margin: 0; }
tr.merge-down, tr.merge-down td, tr.merge-down th { border-bottom-width: 0 !important; }
tr.merge-up, tr.merge-up td, tr.merge-up th { border-top-width: 0 !important; }
.table-item table { width: 99%; }

/*
** Table drag and drop.
*/
.draggable a.tabledrag-handle {
  cursor: move;
  float: left; /* LTR */
  height: 1.7em;
  margin: -0.4em 0 -0.4em -0.5em; /* LTR */
  padding: 0.42em 1.5em 0.42em 0.5em; /* LTR */
  text-decoration: none;
}
a.tabledrag-handle:hover { text-decoration: none; }
a.tabledrag-handle .handle {
  margin-top: 4px; height: 13px; width: 13px;
  background: url(/images/draggable.png) no-repeat 0 0;
}
a.tabledrag-handle-hover .handle { background-position: 0 -20px; }


.item-list .icon { color: #555; float: right; /* LTR */ padding-left: 0.25em; /* LTR */ clear: right; /* LTR */ }
.item-list .title { font-weight: bold; }

.item-list ul { margin: 0 0 0.75em 0; padding: 0; }
.item-list ul li { margin: 0 0 0.25em 1.5em; /* LTR */ padding: 0; list-style: disc;}
ol.task-list li.active { font-weight: bold; }
.item-list .pager { clear: both; text-align: center; }
.item-list .pager li { background-image:none; display:inline; list-style-type:none; padding: 0.5em; }
.pager-current { font-weight:bold; }

.form-item { margin-top: 1em; margin-bottom: 1em; }
.form-item input.error, .form-item textarea.error, .form-item select.error { border: 1px solid #B60300 !important; }
.form-item input.error, .form-item select.error optgroup, .form-item select.error option { color: #000 !important;}
.form-item .description { font-size: 0.85em; color:#A8A8A8; padding: 1px;}
.form-item label { display: block; font-weight: bold;  padding-bottom: 5px; color: #222; }
.form-item label.option {display: inline; font-weight: normal; }
label.option input { margin-right: 4px;}


textarea.teaser { display: none; }
textarea.focused, input.focused { border: 1px solid #ccc; }

.form-submit {cursor: pointer;}
.form-text { padding: 2px 0;}
.form-checkboxes, .form-radios { margin: 1em 0; }
.form-checkboxes .form-item, .form-radios .form-item { margin-top: 0.4em; margin-bottom: 0.4em; }
.teaser-checkbox div.form-item { float: right; /* LTR */ margin: 0 5% 0 0; /* LTR */ padding: 0; }
.teaser-checkbox { padding-top: 1px; }

.marker, .form-required { color: #8b0431; }
.form-required { line-height:2px; }


div.teaser-button-wrapper { float: right; /* LTR */ padding-right: 5%; /* LTR */ margin: 0; }
* html input.button{ padding-left: 0; padding-right: 0; }



/*
** Resizable text areas
*/
.resizable-textarea { width: 95%; }
.resizable-textarea .grippie {
  height: 9px; overflow: hidden;
  background: #eee url(/images/grippie.png) no-repeat center 2px;
  border: 1px solid #ddd; border-top-width: 0; cursor: s-resize;
}
html.js .resizable-textarea textarea { margin-bottom: 0; width: 100%; display: block; }

/*
** Collapsing fieldsets
*/
html.js fieldset.collapsed { border-bottom-width: 0; border-left-width: 0; border-right-width: 0; margin-bottom: 0; height: 1em; }
html.js fieldset.collapsed * { display: none; }
html.js fieldset.collapsed legend { display: block; }
html.js fieldset.collapsible legend a { padding-left: 15px; /* LTR */ background: url(/images/menu-expanded.png) 5px 75% no-repeat; /* LTR */ }
html.js fieldset.collapsed legend a { background-image: url(/images/menu-collapsed.png); background-position: 5px 50%; /* LTR */ }
/* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */
* html.js fieldset.collapsed legend,
* html.js fieldset.collapsed legend *,
* html.js fieldset.collapsed table * { display: inline; }
/* For Safari 2 to prevent collapsible fieldsets containing tables from dissapearing due to tableheader.js. */
html.js fieldset.collapsible { position: relative; }
html.js fieldset.collapsible legend a { display: block; }

/* Animated throbber */
html.js input.form-autocomplete {
  background-image: url(/images/throbber.gif);
  background-repeat: no-repeat;
  background-position: 100% 2px; /* LTR */
}
html.js input.throbbing { background-position: 100% -18px; /* LTR */ }



span.password-strength { visibility: hidden; }
input.password-field { margin-right: 10px; /* LTR */ }
div.password-description { padding: 0 2px; margin: 4px 0 0 0; font-size: 0.85em; max-width: 500px; }
div.password-description ul {margin-bottom: 0; }
.password-parent { margin: 0 0 0 0; }
input.password-confirm { margin-right: 10px; /* LTR */ }
.confirm-parent { margin: 5px 0 0 0; }
span.password-confirm { visibility: hidden; }
span.password-confirm span { font-weight: normal; }

/*
** Progressbar styles
*/

.progress { font-weight: bold; }
.progress .bar {
  background: #fff url(/images/progress.gif);
  border: 1px solid #00375a; height: 1.5em; margin: 0 0.2em;
}
.progress .filled { background: #0072b9; height: 1em; border-bottom: 0.5em solid #004a73; width: 0%; }
.progress .percentage { float: right; /* LTR */ }
.progress-disabled { float: left; /* LTR */ }
.ahah-progress { float: left; /* LTR */ }
.ahah-progress .throbber {
    width: 15px; height: 15px; margin: 2px; float: left; /* LTR */
    background: transparent url(/images/throbber.gif) no-repeat 0px -18px;
}
.ahah-progress-bar { width: 16em; }


html.js .no-js, html.js .js-hide, .hidden { display: none; }
.container-inline div, .container-inline label { display: inline; }
.more-link { text-align: right; /* LTR */ }
.more-help-link { font-size: 0.85em; text-align: right; /* LTR */ }
.nowrap { white-space: nowrap; }
.container-inline div, .container-inline label { display: inline; }
.joined + .grippie { height: 5px; background-position: center 1px; margin-bottom: -2px; }
.inner { padding: 15px; }

.tips { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; font-size: 0.9em; }
.messages {
  padding: 10px; margin: 10px 0; border: 1px solid #04a107;
  color: #04a107; background-color: #edffed;
}
.error { color: #B60300; }
div.error { border: 1px solid #d77; }
div.error, tr.error { background: #fcc; color: #B60300; padding: 2px; }

.warning { color: #e09010; }
div.warning { border: 1px solid #f0c020; }
div.warning, tr.warning { background: #ffd; color: #220; padding: 2px; }

.ok,  .success  { color: #008000; }
div.ok { border: 1px solid #00aa00; }
div.ok, tr.ok { background: #dfd; color: #020; padding: 2px; }


/*
** Autocomplete styles
*/
/* Suggestion list */
#autocomplete { position: absolute; border: 1px solid; overflow: hidden; z-index: 100; }
#autocomplete ul { margin: 0; padding: 0; list-style: none; }
#autocomplete li { background: #fff; color: #000; white-space: pre; cursor: default; }
#autocomplete li.selected { background: #0072b9; color: #fff; }


/******************************* End defaults ***************************** */



.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  line-height: 1;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
.rtl .toast-close-button {
  left: -0.3em;
  float: left;
  right: 0.3em;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
  opacity: 0.92;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=92);
  filter: alpha(opacity=92);
}
#toast-container > div.rtl {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center;
}
#toast-container > div:hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
  #toast-container > div.rtl {
    padding: 15px 50px 15px 15px;
  }
}
