/* icon background colors */
.ui-icon-delete::after {
    background-color: #e74f3d;
}
.ui-icon-check::after {
    background-color: #3cae49;
}
.ui-icon-alert::after,
.ui-icon-eye::after,
.ui-icon-lock::after,
.ui-icon-recycle::after {
    background-color: #0090da;
}
.ui-icon-plus::after,
.ui-icon-arrow-d::after,
.ui-icon-info::after,
.ui-icon-search::after,
.ui-icon-mail::after,
.ui-icon-edit::after,
.ui-icon-arrow-r::after,
.ui-icon-arrow-l::after,
.ui-icon-carat-r::after,
.ui-icon-carat-l::after,
.ui-icon-back::after,
.ui-icon-forward::after,
.ui-icon-bullets::after,
.ui-icon-print::after,
.ui-icon-gear::after,
.ui-icon-tag::after {
    background-color: #0090da;
}
.ui-icon-delete.default-btn-style::after,
.ui-icon-recycle.default-btn-style::after {
    background-color: #0090da;
}

@font-face {
  font-family: "VIC-Bold";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/VIC-Bold.eot);
  src: url(../fonts/VIC-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/VIC-Bold.woff2) format("woff2"), url(../fonts/VIC-Bold.woff) format("woff"), url(../fonts/VIC-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "VIC-BoldItalic";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/VIC-BoldItalic.eot);
  src: url(../fonts/VIC-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/VIC-BoldItalic.woff2) format("woff2"), url(../fonts/VIC-BoldItalic.woff) format("woff"), url(../fonts/VIC-BoldItalic.ttf) format("truetype");
}
@font-face {
  font-family: "VIC-ExtraLight";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/VIC-ExtraLight.eot);
  src: url(../fonts/VIC-ExtraLight.eot?#iefix) format("embedded-opentype"), url(../fonts/VIC-ExtraLight.woff2) format("woff2"), url(../fonts/VIC-ExtraLight.woff) format("woff"), url(../fonts/VIC-ExtraLight.ttf) format("truetype");
}
@font-face {
  font-family: "VIC-ExtraLightItalic";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/VIC-ExtraLightItalic.eot);
  src: url(../fonts/VIC-ExtraLightItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/VIC-ExtraLightItalic.woff2) format("woff2"), url(../fonts/VIC-ExtraLightItalic.woff) format("woff"), url(../fonts/VIC-ExtraLightItalic.ttf) format("truetype");
}
@font-face {
  font-family: "VIC-Italic";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/VIC-Italic.eot);
  src: url(../fonts/VIC-Italic.eot?#iefix) format("embedded-opentype"), url(../fonts/VIC-Italic.woff2) format("woff2"), url(../fonts/VIC-Italic.woff) format("woff"), url(../fonts/VIC-Italic.ttf) format("truetype");
}
@font-face {
  font-family: "VIC-Light";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/VIC-Light.eot);
  src: url(../fonts/VIC-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/VIC-Light.woff2) format("woff2"), url(../fonts/VIC-Light.woff) format("woff"), url(../fonts/VIC-Light.ttf) format("truetype");
}
@font-face {
  font-family: "VIC-LightItalic";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/VIC-LightItalic.eot);
  src: url(../fonts/VIC-LightItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/VIC-LightItalic.woff2) format("woff2"), url(../fonts/VIC-LightItalic.woff) format("woff"), url(../fonts/VIC-LightItalic.ttf) format("truetype");
}
@font-face {
  font-family: "VIC-Medium";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/VIC-Medium.eot);
  src: url(../fonts/VIC-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/VIC-Medium.woff2) format("woff2"), url(../fonts/VIC-Medium.woff) format("woff"), url(../fonts/VIC-Medium.ttf) format("truetype");
}
@font-face {
  font-family: "VIC-Regular";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/VIC-Regular.eot);
  src: url(../fonts/VIC-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/VIC-Regular.woff2) format("woff2"), url(../fonts/VIC-Regular.woff) format("woff"), url(../fonts/VIC-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "VIC-SemiBold";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/VIC-SemiBold.eot);
  src: url(../fonts/VIC-SemiBold.eot?#iefix) format("embedded-opentype"), url(../fonts/VIC-SemiBold.woff2) format("woff2"), url(../fonts/VIC-SemiBold.woff) format("woff"), url(../fonts/VIC-SemiBold.ttf) format("truetype");
}
@font-face {
  font-family: "VIC-SemiBoldItalic";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/VIC-SemiBoldItalic.eot);
  src: url(../fonts/VIC-SemiBoldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/VIC-SemiBoldItalic.woff2) format("woff2"), url(../fonts/VIC-SemiBoldItalic.woff) format("woff"), url(../fonts/VIC-SemiBoldItalic.ttf) format("truetype");
}
body,
input,
select,
textarea,
button,
.ui-btn {
	font-family: VIC-Regular, Arial, Helvetica, "sans-serif" !important;
}
body {
    
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: VIC-Bold, Arial, Helvetica, "sans-serif" !important;
  font-weight: 400 !important;
}

#pagePanel {
    background-color: #fff;
}

/* Header */
#headerPanel {
	background: #fff;
	border-bottom-color: #eee;
}
#headerPanel div.logo {
    padding: .4em 3em .4em;
}
#headerPanel div.logos {
    position: relative;
	text-align: right;
	margin: 0 1em .4em;
}
#headerPanel div.logo a {
	display: inline-block;
	text-decoration: none;
}
#headerPanel img.logo {
	height: 30px;
}
#headerPanel img.subLogo {
        height: 50px;
}
#headerPanel div.logos img.logo {
    position: absolute;
    left: 0;
    bottom: 0;
}
#headerPanel h1, #headerPanel h2 {
	color: #666;
	font-weight: 300;
	text-align: left;
}
#headerPanel h1 {
    margin: .1em 3em;
    padding-top: 0.1em;
    padding-bottom: 0;
    font-size: 1em;
}
#headerPanel h2 {
    margin: .125em 3.75em;
    padding-top: 0;
    padding-bottom: 0.1em;
    font-size: 0.8em;
}
#headerPanel div.userDetails {
	margin: 0.3em 0 0.1em 5em;
    display: inline-block;
	color: #666;
	font-size: 0.6em;
}
#headerPanel div.userDetails span.userNameLabel {
    display: none;
}
#headerPanel div.userDetails span.userNameValue {
    font-weight: 500;
}
#headerPanel .ui-btn {
	width: 2em;
	height: 2em;
	background: none;
	border: 0;
	top: 50%;
	margin-top: -1em;
	-webkit-border-radius: .3125em;
	border-radius: .3125em;
	opacity: .4;
	filter: Alpha(Opacity=40);
}

/* Footer */
#footerPanel.ui-footer {
    position: absolute;
    bottom: 0;
    padding-bottom: 0;
    background-color: #262B67;
}
#footerPanel p {
	color: #FFF;
	font-size: 1em;
	font-weight: 400;
	margin: 1em 1em .75em;
}
#footerPanel ul {
    font-size: .8em;
	color: #FFF;
	font-weight: 300;
	margin: 0 1.25em 1.25em;
	padding: 0;
}
#footerPanel li {
    list-style: none;
}
#footerPanel ul li a.ui-link {
	font-weight: 500;
	text-decoration: none;
    color: #FFF
}

/* Content */
#contentPanel {
	padding-top: 3em;
}
#contentPanel  h1,
#contentPanel  h2,
#contentPanel  h3,
#contentPanel  p,
#contentPanel  ul li,
#contentPanel  a {
	font-weight: 300;
}
#contentPanel  h1 {
    color: #003F54;
	font-size: 2.4em;
	margin: 0 0 .6em;
}
#contentPanel  h2 {
	color: #003F54;
	background-color: transparent;
	border-bottom: 1px solid #ddd;
	font-size: 1.6em;
	padding-bottom: .2em;
	margin: 0 0 .5em;
}
#contentPanel  h3 {
	color: #003F54;
	background-color: transparent;
	font-size: 1.4em;
	margin: 0 0 0.4em;
}
#contentPanel  p {
	margin: 0 0 1.25em;
}
#contentPanel  ul,
#contentPanel  ol {
	padding-left: 1.3em;
}
#contentPanel  .ui-listview {
	padding-left: 0;
}
#contentPanel  a,
#contentPanel  p a,
#contentPanel  ul li a {
	font-weight: 400;
	text-decoration: none;
}

#contentPanel ul li { 
    margin-bottom: 0.5em;
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAKCAYAAAB4zEQNAAAAJUlEQVQYlWNggILo/Yr/YZgBGSBLoCjAJgFXQL4kXjsJupb6AACVrFJj0V0HNwAAAABJRU5ErkJggg==);
}
#contentPanel .ui-listview li { 
    margin-bottom: 0;
}

#contentPanel strong, #contentPanel  p strong {
	font-weight: 700;
}

#contentPanel p.note {
	font-style: italic;
} 
#contentPanel ul.filesList li.fileEntry a.fileDetails .fileAdditionalInfo {
	white-space: normal;
}
#contentPanel .filesAvailableText {
    font-weight: 700;
}

/* Navmenu */
#sidePanel ul li a {
	font-weight: 400;
	text-decoration: none;
}
#sidePanel .ui-listview > li .ui-collapsible-heading {
	margin: 0;
}
#sidePanel .ui-collapsible.ui-li-static {
	padding: 0;
	border: none !important;
}
#sidePanel .ui-collapsible + li > .ui-btn,
#sidePanel .ui-collapsible + .ui-collapsible > .ui-collapsible-heading > .ui-btn,
#sidePanel .ui-panel-inner > .ui-listview > li.ui-first-child .ui-btn {
	border-top: none !important;
}
#sidePanel .ui-listview .ui-listview .ui-btn {
	padding-left: 1.5em;
	color: #999;
}
#sidePanel .ui-listview .ui-listview .ui-btn.ui-btn-active {
	color: #fff;
}
#sidePanel .ui-btn:after {
	opacity: .4;
	filter: Alpha(Opacity=40);
}
#sidePanel ul li:first-child a{
	border-top: none;
}
#sidePanel ul li.current a {
    font-style: italic;
    font-weight: bold;
}
#sidePanel li.current .ui-btn:focus {
    box-shadow: 0 0 0 0;
}

#altCloseMenuButton { display: none; }

#cost table {
    border-collapse: collapse;
}
#cost table td {
    border: 1px solid grey;
    padding: 0.2em 1em;
}
#cost table td.amount {
    font-weight: bold;
}
#cost .note {
    margin-top: 1em;
    font-style: italic;
}

#contact .ui-field-contain {
    margin: 0.5em 0;
}
#contact .ui-field-contain label {
    margin-top: auto;
    font-weight: bold;
    width: 30%;
}
.fieldset {
    position: relative;
    border: 1px solid rgb(210, 210, 210);
    border-radius: 0.6em 0.6em 0.6em 0.6em;
    margin: 20px 0;
    padding-top: 10px;
    page-break-inside:avoid;
}
.fieldset .legend {
    background: linear-gradient(rgb(249, 249, 249), rgb(238, 238, 238)) repeat scroll 0% 0% rgb(249, 249, 249);
    height: 1px;
    position: absolute;
    top: -1px;
    left: 15px;
    padding: 0 2px;
    color: #000;
    overflow: visible;
}
.fieldset .legend span {
    top: -0.5em;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    overflow: visible;
    font-weight: bold;
}

.captchaControl .image {
    float: left;
}
.captchaControl .image img {
    height: 30px;
    vertical-align: middle;
}
.captchaControl .image a {
    margin-left: 10px;
}
.captchaControl .input {
    margin-left: 158px;
    display: block;
}
.captchaControl .validationError {
    margin-left: 158px;
    display: block;
}
.validationError {
    color: Red;
}

.eventTypes .ui-radio label {
    color: #003F54;
}
.eventTypes .description {
    margin-left: 2.7em;
}

.question .questionNote {
    font-size: 0.8em;
    font-style: italic;
}
.question .answers .ui-controlgroup-controls {
    margin-top: 0.5em;
}

a.eventOccurrenceDetails .eventOccurrenceDateOrDayTime .eventOccurrenceDateOrDay
{
    display: block;
    font-size: 1em;
    font-weight: normal;
}
a.eventOccurrenceDetails .eventOccurrenceDateOrDayTime .eventOccurrenceTime
{
    display: block;
    font-size: 0.9em;
    font-weight: normal;
}
a.eventOccurrenceDetails .eventOccurrencePatrons
{
    font-size: 0.8em;
    font-weight: normal;
    font-style: italic;
}
a.eventOccurrenceDetails .eventOccurrenceAdditionalInformation
{
    font-size: 0.8em;
    font-weight: normal;
    font-style: italic;
}

.eventOccurrenceErrors 
{
    border: 1px solid red;
    -webkit-border-radius: 				.3125em /*{global-radii-blocks}*/;
	border-radius: 						.3125em /*{global-radii-blocks}*/;
	padding: 5px;
    color: Red;
}
#contentPanel .eventOccurrenceErrors li
{
    margin-bottom: auto;
    list-style: disc;
}

.dataDisplay .ui-field-contain {
    margin: 0.1em 0;
}
.dataDisplay .ui-field-contain label {
    margin-top: auto;
    font-weight: bold;
    width: 30%;
}
.dataDisplay .duplicate-label .ui-bar, .dataDisplay .duplicate-label .ui-field-contain {
    padding-top: 0;
    margin-top: 0;
}
.dataDisplay .duplicate-label .ui-field-contain label {
    display: none;
}
.dataDisplay .ui-field-contain span.value {
    display: block;
}
.dataDisplay .q-and-a .ui-field-contain span.additional-value {
    display: inline-block;
    margin-top: 0.2em;
    border: 1px solid grey;
    padding: 0.1em;
    font-weight: bold;
}
.dataDisplay .q-and-a.duplicate-label .ui-bar{
    padding-top: 0.1em;
}
.dataDisplay .event .ui-field-contain span.additional-value {
    display: block;
    font-size: 0.8em;
    font-style: italic;
}
.dataDisplay .event .ui-field-contain span.additional-value.first {
    font-size: 0.9em;
    font-style: normal;
}
.dataDisplay .attachment .ui-field-contain span.additional-value {
    display: block;
    font-size: 0.8em;
    font-style: italic;
}

.orderTable {
    margin-top: 1em;
    margin-bottom: 1em;
}
.orderItemAmount, .orderTotalAmount {
    text-align: right;
    padding-left: 1em;
    padding-right: 1em;
}
.orderItemAmount div {
    border-bottom: 1px solid #ccc;
}
.orderTotalText, .orderTotalAmount {
    font-weight: bold;
}

.referenceNumber {
    font-weight: bold;
}

@media (min-width: 28em) {
    #headerPanel div.userDetails span.userNameLabel {
        font-weight: 600;
        margin-right: 5px;
        display: inline-block;
    }
    .dataDisplay .duplicate-label .ui-field-contain label {
        display: inline;
        visibility: hidden;
    }
    .dataDisplay .ui-grid-solo .ui-field-contain label + span.value {
        padding-left: 32%;
    }
    .dataDisplay .ui-grid-a .ui-field-contain label + span.value {
        padding-left: 32%;
    }
    .dataDisplay .q-and-a .ui-field-contain span.additional-value {
        margin-left: 32%;
    }
    .dataDisplay .event .ui-field-contain span.additional-value {
        margin-left: 32%;
    }
    .dataDisplay .attachment .ui-field-contain span.additional-value {
        margin-left: 32%;
    }
}

@media (min-width: 35em) {
    .dataDisplay .ui-grid-solo .ui-field-contain label {
        width: 13.5%;
    }
    .dataDisplay .ui-grid-solo .ui-field-contain label + span.value {
        padding-left: 15.5%;
    }
    .dataDisplay .q-and-a .ui-field-contain span.additional-value {
        margin-left: 15.5%;
    }
    .dataDisplay .event .ui-field-contain span.additional-value {
        margin-left: 15.5%;
    }
    .dataDisplay .attachment .ui-field-contain span.additional-value {
        margin-left: 15.5%;
    }
}

@media (min-width: 60em) 
{
    #headerPanel div.logo {
        padding: 1em 3% 0.7em;
    }
    #headerPanel div.logos {
		margin: 0 3% 0.7em;
    }
    #headerPanel img.logo {
        height: 60px;
    }
    #headerPanel img.subLogo {
        height: 100px;
    }
	#headerPanel div.userDetails {
	    position: absolute;
		bottom: 0.1em;
		right: 5%;
		font-size: 0.75em;
	}
	#headerPanel h1 {
	    position: absolute;
		top: 38%;
		right: 5%;
		font-size: 1.2em;
		margin: -.625em 0 0 0;
	}
	#headerPanel h2 {
	    position: absolute;
		top: 65%;
		right: 5%;
		font-size: 1em;
		margin: -.625em 0 0 0;
    }
	#footerPanel p {
		float: left;
		margin: 1.25em 1.25em 1.25em 3%;
	}
	#footerPanel ul {
        float: right;
		margin: 1.5em 3% 1.5em 1.5em;
    }
    #footerPanel li {
        float: left;
        border-right: 1px solid #999;
        padding: 0 1em;
    }
    #footerPanel li:first-child {
        padding-left: 0;
    }
    #footerPanel li:last-child {
        border-right: none;
        padding-right: 0;
    }
    
	#sidePanel {
		visibility: visible;
		position: relative;
		left: 0;
		float: left;
		width: 25%;
		background: none;
		-webkit-transition: none !important;
		-moz-transition: none !important;
		transition: none !important;
		-webkit-transform: none !important;
		-moz-transform: none !important;
		transform: none !important;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#sidePanel .ui-panel-inner {
		margin-top: 3em;
		margin-bottom: 3em;
	}
	#menuLinkButton {
		display: none;
	}
	#closeMenuButton  {
        display: none; 
    }
    
	.withMenuSidePanel #contentPanel {
		width: 67%;
		padding-top: 2em;
		padding-left: 5%;
		padding-right: 3%;
		float: right;
	}
    .withoutMenuSidePanel #contentPanel {
		width: auto;
		padding-left: 3%;
		padding-right: 3%;
		float: none;
	}
	#sidePanel .ui-listview .ui-btn {
		padding-left: 12.5%;
	}
	#sidePanel .ui-listview .ui-listview .ui-btn {
		padding-left: 15%;
	}
	#sidePanel .ui-collapsible,
	#sidePanel .ui-collapsible-content,
	#sidePanel .ui-btn {
		background: none !important;
		border-color: #ddd !important;
	}
	#sidePanel .ui-btn.ui-btn-active {
		color: #3388cc !important;
	}
	#sidePanel .ui-btn::after {
		opacity: 0;
		-webkit-transition: opacity 500ms ease;
		-moz-transition: opacity 500ms ease;
		transition: opacity 500ms ease;
	}
	#sidePanel .ui-btn:hover::after {
		opacity: .4;
	}
	.ui-panel-dismiss-open.ui-panel-dismiss-position-right {
		left: -17em;
		right: 17em;
	}

    /* custom text on delete button in file upload list */
    #contentPanel ul.filesList li.fileEntry a.fileDetails {
	    margin-right: 6em;
    }
    #contentPanel ul.filesList li.fileEntry a.fileDeleteButton {
	    width: 6em;
	    text-indent: 0;
    }
    #contentPanel ul.filesList li.fileEntry a.fileDeleteButton::before {
	    content: "Remove";
	    position: absolute; 
	    top: 50%; 
	    margin: -0.7em .446em .446em 0.8em;
	    margin-top: -0.7em; 
	    margin-left: 0.8em;
	    font-size: 12.5px;
	    text-indent: 0;
    }
    #contentPanel ul.filesList li.fileEntry a.fileDeleteButton::after {
	    right: .5625em;
	    left: auto;
	    margin-left: auto;
    }
}



.ui-table-reflow thead th,
.ui-table-reflow tbody td .ui-table-cell-label {
    text-transform: uppercase;
    font-size: .8em;
    color: rgba(0,0,0,0.5);
    font-weight: normal;
}
.ui-table-reflow thead th.actions-1 {
    width: 70px;
    min-width: 70px;
}
.ui-table-reflow thead th.actions-2 {
    width: 95px;
    min-width: 95px;
}
.ui-table-reflow thead th.actions-3 {
    width: 140px;
    min-width: 140px;
}
.ui-table-reflow thead th.actions-4 {
    width: 185px;
    min-width: 185px;
}

.ui-table-reflow td {
    padding-top: .6em;
}
.ui-table-reflow td.icon {
    padding-top: .4em;
}
.ui-table-reflow td.actions {
    padding-top: .4em;
}
.ui-table-reflow td.actions .ui-controlgroup-horizontal {
    margin-left: 0;
}

@media (max-width: 39.94em) {
    /*  White bg, large blue text for title */
    .ui-table-reflow tbody td.title {
        display: block;
        font-size: 1.2em;
        line-height: 110%;
        padding: .5em .5em .5em 2.2em;
        background-color: #fff;
        color: #77bbff;
        -moz-box-shadow: 0 1px 6px rgba(0,0,0,.1);
        -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.1);
        box-shadow: 0 1px 6px rgba(0,0,0,.1);
        border-bottom: 1px solid rgba(0,0,0,.15);
    }
    /*  Hide label for title */
    .ui-table-reflow tbody td.title .ui-table-cell-label {
        display: none;
    }
    /*  Make the data bold */
    .ui-table-reflow td {
        font-weight: bold;
    }
    /* Make the label elements a percentage width */
    .ui-table-reflow td .ui-table-cell-label {
        min-width: 7em;
    }
    #usersTable td .ui-table-cell-label {
        min-width: 5em;
    }
    
    /* Hack to make IE9 and WP7.5 treat cells like block level elements */
    /* Applied in a max-width media query up to the table layout breakpoint so we don't need to negate this */
    .ui-table-reflow td,
    .ui-table-reflow th {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left;
    }
}

/* Media query to show as a standard table at wider widths */
@media ( min-width: 40em ) {
    /* Show the table header rows */
    .ui-table-reflow td,
    .ui-table-reflow th,
    .ui-table-reflow tbody th,
    .ui-table-reflow tbody td,
    .ui-table-reflow thead td,
    .ui-table-reflow thead th {
        display: table-cell;
        margin: 0;
    }
    /* Hide the labels in each cell */
    .ui-table-reflow td .ui-table-cell-label,
    .ui-table-reflow th .ui-table-cell-label {
        display: none;
    }
    
    thead th.fit, tbody td.fit 
    {
        width: 1%;
        white-space: nowrap;
    }

    .summary th
    {
        empty-cells: hide;
        padding-left:10px;
        padding-right:10px;
        border-left:1px solid silver;
        border-right:none;
        vertical-align:top;
        text-align:center;
        min-width:80px;
        max-width:150px;
    }
    .summary td
    {
        empty-cells: hide;
        padding-left:10px;
        padding-right:10px;
        border-left:1px solid silver;
        border-right:none;
        vertical-align:top;
        text-align:right;
    }
}