body {
    font-family: Arial, Verdana, sans-serif;
}

ul, ol, li{
    margin:0px; padding:0px;
    list-style-type:none; }

.list-home li{ list-style-image: url(/images/listarrow.gif?1); }

#announcement {
    text-align:       center;
    background-color: #E6E3D7;
    color:            #4D586A;
    border:           2px dashed #aaa;
}

#announcement a {
    text-decoration: underline;
    color:           #4D586A;
    font-style:      italic;
}

.toplinks{
    text-align:right;
    font-size:12px;
    color:#E77E19;
    font-weight:bold;
    line-height:22px;
}

.toplinks a{color:#E77E19; text-decoration:none;}
.toplinks a:hover{ color:#F3F1E9; padding-bottom: 0; margin-bottom:0;}

.topdivider{
    text-align:right;
    font-size:12px;
    padding-left:8px; padding-right:8px;
    color:#E77E19;
    line-height:22px;
}

.header-link-divider {
		padding:0 10px;
}

.BigDivider {
    width: 750px;
    height: 20px;
    border-bottom: 1px solid #CCCCCC;
}

.Title18Grey{
    text-align:left;
    font-size:18px;
    font-weight:bold;
    color:#4D586A;
    line-height:16px;
}

.Title14Grey{
    text-align:left;
    font-size:14px;
    font-weight:bold;
    color:#4D586A;
    line-height:16px;
}

.Title12Grey{
    text-align:left;
    font-size:12px;
    font-weight:bold;
    color:#4D586A;
    line-height:16px;
}
.Title13Grey{
    text-align:left;
    font-size:12px;
    font-weight:bold;
    color:#4D586A;
    line-height:16px;
}

.Text13GreyRight {
    text-align: right;
    font-size: 12px;
    font-weight: normal;
    color: #4D586A;
    line-height: 16px;
    background-color: #FFFFFF;
    margin: 2px;
}

.TextTable13LightGreyCenter {
    font-size: 13px;
    font-weight: normal;
    color: #8B929E;
    line-height: 18px;
    margin: 2px;
    text-align: center;
}

.TextTable13LightGreyLeft{
    font-size: 13px;
    font-weight: normal;
    color: #8B929E;
    line-height:18px;
    margin:2px;
    text-align:left;
}

.TextLightGrey {
    font-size: 13px;
    color: #8B929E;
}

td.CellWithActions {
    background-color: white;
}

.Text13Grey{
    font-size:13px;
    font-weight:normal;
    color:#4D586A;
    line-height:18px;
}
.Text13Grey a{color:#4D586A; text-decoration:none;}
.Text13Grey a:hover{ color:#E77E19; padding-bottom: 0; margin-bottom:0;}

.MarginLeftMedium {margin-left:20px;}

.Title24Orange{
    text-align:left;
    font-size:24px;
    font-weight:bold;
    color:#E77E19;
    line-height:20px;
}
.Title24Orange a {color:#E77E19; text-decoration:underline;}
.Title24Orange a:link{color:#E77E19; text-decoration:underline;}
.Title24Orange a:hover{ color:#4D586A; padding-bottom: 0; margin-bottom:0;}
.Title16Orange{
    text-align:left;
    font-size:16px;
    font-weight:bold;
    color:#E77E19;
    line-height:20px;
}

.Text13Orange{
    text-align:left;
    font-size:13px;
    font-weight:normal;
    color:#E77E19;
    line-height:16px;
}
.Text13Orange a{color:#E77E19; text-decoration:none;}
.Text13Orange a:hover{ color:#4D586A; padding-bottom: 0; margin-bottom:0;}


select /*OPTION, TEXTAREA*/{
    font-size: 13px;
    font-weight: normal;
    color: #4D586A;
    background-color: #FFFFFF;
    border-color: /*#FFFFFF*/#E6E3D7;
    border-width: 1px;
    border-style: solid;
    line-height:18px;
    padding-left:3px;
}
input.underline{
    font-size: 13px;
    font-weight: normal;
    color: #4D586A;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    border-width: 1px;
    border-bottom: 1px solid #E6E3D7;
    border-style: solid;
    line-height:18px;
    padding-left:3px;
}
input.TableUnderline{
    font-size: 13px;
    font-weight: normal;
    color: #4D586A;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    border-width: 1px;
    border-bottom: 1px solid #E6E3D7;
    border-style: solid;
    line-height:18px;
}
textarea.TableOutline{
    font-size: 13px;
    font-weight: normal;
    color: #4D586A;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    border-width: 1px;
    border: 1px solid #E6E3D7;
    border-style: solid;
    line-height:18px;
    text-align:left;
    padding:5px;
}
.TableResult{
    font-size: 13px;
    font-weight: normal;
    color: #4D586A;
    line-height:18px;
    text-align:center;
}
.TableResultRight{
    font-size: 13px;
    font-weight: normal;
    color: #4D586A;
    line-height:18px;
    text-align:right;
}
.TableResultTotal{
    font-size: 14px;
    font-weight: bold;
    color: #E77E19;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    line-height:18px;
    text-align:center;
}
input.TableUnderlineR{
    font-size: 13px;
    font-weight: normal;
    color: #4D586A;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    border-width: 1px;
    border-bottom: 1px solid #E6E3D7;
    border-style: solid;
    line-height:18px;
    text-align:right;
    padding-right:2px;
}

/* Added button.button by fjguzman used in search forms via get requests */
input.button, button.button {
    color:#4D586A;
    margin:0px 0px 0 0;
    padding:3px 3px 3px 3px;
    border:1px solid #BBBBBB;
    background-color:#F3F1E9;
    font-size:12px;
    font-weight:bold;
    display:inline;
		/* suggested by Elliot cursor:pointer; */
}

a.button {
    color: #4D586A;
    margin: 0px 0px 0 0;
    padding: 3px 3px 3px 3px;
    border: 1px solid #BBBBBB;
    background-color: #F3F1E9;
    font-size: 11px;
    display: inline;
}

a.boldButton {
    color: #4D586A;
    margin: 0px 0px 0 0;
    padding: 4px 4px 4px 4px;
    border: 1px solid #BBBBBB;
    background-color: #F3F1E9;
    font-size: 13px;
    font-weight: bold;
    display: inline;
}

a.AddLineButton {
    color: #4D586A;
    margin: 0px 0px 0 0;
    padding: 3px 3px 3px 3px;
    border: 1px solid #BBBBBB;
    background-color: #E6E3D7;
    font-size: 11px;
    display: inline;
}


.CellTableHeader{ padding:3px; background-color:#E6E3D7; margin:2px;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    color:#4D586A;
    line-height:16px;}
.CellTableLine{ background-color:#FFFFFF; margin:2px; text-align:center;}

.CellTableButtonL{ background-color:#FFFFFF; padding-top:20px; text-align:left;}
.CellTableButtonR{ background-color:#FFFFFF; padding-top:20px; text-align:right;}

td.GreySpaced {padding: 10px 20px 10px 20px; margin: 10px 10px 5px 10px; background-color: #E6E3D7;}

.FooterText{
    font-size:10px; color:#FFFFFF; background-color:#999999;}
.FooterText a:link{color:#FFFFFF; text-decoration:none;}
.FooterText a:visited {color: #FFFFFF; padding-bottom: 0pt; margin-bottom: 0pt;}
.FooterText a:hover{ color:#E77E19; padding-bottom: 0; margin-bottom:0;}


/* additions by fxn */

.numeric {
    text-align: right;
}

.text {
    text-align: left;
}

.LabelForEmptyListing {
    font-size: 13px;
    font-weight: normal;
    color: #4D586A;
    line-height: 18px;
    font-style: italic;
    text-align: center;
}

.LabelForEmptyListing a {
    color: #E77E19;
    text-decoration:none;
}

.LabelForEmptyListing a:hover {
    color: #4D586A;
    margin-bottom: 0pt;
    padding-bottom: 0pt;
}

input.incell {
    width: 98%;
}

.tooltip {
    padding: 10px;
    font-size: 11px;
    background-color: #f3f1e9;
    color: #555;
}

.tooltip .title {
    font-weight: bold;
    margin-bottom: 7px;
    border-bottom: 1px dotted #f3f1e9;
}

.tooltip .content {
}

/* addtions of Elliot from May 25 */

.Text11Orange{
    text-align:center;
    font-size:11px;
    font-weight:normal;
    color:#E77E19;
    line-height:16px;
}
.Text11Orange a{color:#E77E19; text-decoration:none;}
.Text11Orange a:hover{ color:#4D586A; padding-bottom: 0; margin-bottom:0;}

.TextTable13White{
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    line-height:18px;
    margin:2px;
}
.TextTable13White a{color:#FFFFFF; text-decoration:none;}
.TextTable13White a:hover{ color:#E77E19; padding-bottom: 0; margin-bottom:0;}

.Text13OrangeRight{
    text-align: right;
    font-size: 13px;
    font-weight: normal;
    color: #E77E19;
    line-height: 16px;
}

/* autocompletion */

div.auto_complete {
    width: 350px;
    background: #fff;
    font-size: 12px;
    text-align: left;
    color: #4D586A;
}
div.auto_complete ul {
    border: 1px solid #E6E3D7;
    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: #E6E3D7;
}
div.auto_complete ul strong.highlight {
    color: #800;
    margin: 0;
    padding: 0;
}

/* ------- PUBLIC WEB STYLES ------- */
/*added elliot 6-06-07*/

.Title24OrangeCenter{
    text-align:center;
    font-size:24px;
    font-weight:bold;
    color:#E77E19;
    line-height:20px;
}


.Title14Orange{
    text-align:left;
    font-size:14px;
    font-weight:bold;
    color:#E77E19;
    line-height:16px;
}


#headerright2 { margin-top:45px;}


#headerright2 ul {
    font-family: "Trebuchet MS", Arial;
    display:inline;
    font-weight:normal;
    font-size:18px;
    list-style: none;
    text-align:right;
    background-color:#616A79;
    padding-bottom:0px;
    padding-top:0px;
}

#headerright2 li {
    background-color:#616A79;
    display:inline;
}


#headerright2 a, #headerright2 span {
    text-decoration: none;
    display: inline;
    color: #FFFFFF;
    background-color: #31363E;
    padding-bottom:5px;
    padding-left:15px;
    padding-right:15px;
    padding-top:5px;
    /*border-bottom: 1px solid #FFFFFF;
     background: url(/images/navborder.gif) repeat-x top left;*/
}

#headerright2 .first, #headerright2 .first span, #headerright2 .first a {
    background: none;
}

#headerright2 span, #headerright2 a:hover, #headerright2 a:active, #headerright2 a:focus {
    padding-left: 15px;
    background-color:#616A79;
    color: #FFFFFF;
}
#headerright2 .on  {
    font-family: Trebuchet MS, Arial;
    display:inline;
    text-align:center;
    font-weight:normal;
    font-size:18px;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #616A79;
    padding-bottom:5px;
    padding-left:15px;
    padding-right:15px;
    padding-top:5px;
}

.Title48DarkGrey{
    text-align:center;
    font-size:48px;
    font-weight:bold;
    color:#383D44;
    line-height:30px;

}

.Text24Grey{
    text-align:center;
    font-size:24px;
    font-weight:normal;
    color:#616A79;
    line-height:28px;
}
.Text18GreyCenter{
    text-align:center;
    font-size:18px;
    font-weight:normal;
    color:#616A79;
    line-height:28px;
}

.TextHighlightOrange{
    text-align:center;
    width:350px;
    font-size:20px;
    font-weight:normal;
    color:#FFFFFF;
    padding:10px;
    background-color:#E77E19;
}
.TextHighlightOrange a{color:#FFFFFF; text-decoration:underline;}
.TextHighlightOrange a:hover{ color:#31363E; text-decoration:underline;}

.Text16{
    font-size:16px;
}

.HighlightSignup {
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

.HighlightSingupTour {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

.imgBorder01 {border: 3px solid #DBD5C5; margin-bottom:10px; }


.Title18DarkGrey{
    text-align:left;
    font-size:18px;
    font-weight:normal;
    color:#1D242F;
    line-height:24px;

}

input.formField{
    font-size: 13px;
    font-weight: normal;
    color: #4D586A;
    background-color: #F3F1E9;
    border: 1px solid #DBD5C5;
    line-height: 18px;
    padding-left: 3px;
}

input.centered, div.centered{
    text-align:center;
}

#menuTour ul {
    display:inline;
    color: #616A79;
    font-weight:bold;
    font-size:14px;
    list-style: none;
    text-align:left;
}

#menuTour li {
    display:inline;
}


#menuTour a, #menutour span {
    text-decoration: none;
    display: inline;
    color: #616A79;
    padding-bottom:5px;
    padding-left:15px;
    padding-right:15px;
    padding-top:5px;
    /*border-bottom: 1px solid #FFFFFF;
     background: url(/images/navborder.gif) repeat-x top left;*/
}

#menuTour .first, #headerright2 .first span, #headerright2 .first a {
    background: none;
}

#menuTour span, #menuTour a:hover, #menuTour a:active, #menuTour a:focus {
    padding-left: 15px;
    color: #E77E19;
}
#menuTour .onTour  {
    display:inline;
    text-align:left;
    font-weight:bold;
    font-size:14px;
    text-decoration: none;
    color: #E77E19;
    padding-bottom:5px;
    padding-left:15px;
    padding-right:15px;
    padding-top:5px;
}

.Title18OrangeHelp{
    text-align:left;
    font-size:18px;
    font-weight:bold;
    color:#E77E19;
    line-height:18px;
/*text-indent:-20px;*/

}
.Title18OrangeHelp a {color:#E77E19; text-decoration:none;}
/*.Text13OrangeHelp a{color:#E77E19; text-decoration:underline;}*/
.Title18OrangeHelp a:hover{ color:#4D586A; padding-bottom: 0; margin-bottom:0;}

.Text13greyHelp{
    text-align:left;
    font-size:13px;
    font-weight:normal;
    color:#616A79;
    line-height:18px;
/*list-style-type: square;*/
}
.Text13greyHelp a {color:#616A79; text-decoration:none;}
.Text13greyHelp a:link{color:#616A79; text-decoration:none;}
.Text13greyHelp a:hover{ color:#E77E19; padding-bottom: 0; margin-bottom:0;}

.Text16greyHelp{
    text-align:left;
    font-size:16px;
    font-weight:normal;
    color:#616A79;
    line-height:22px;
/*list-style-type: square;*/
}
.Text16greyHelp a {color:#616A79; text-decoration:underline;}
.Text16greyHelp a:link{color:#616A79; text-decoration:underline;}
.Text16greyHelp a:hover{ color:#E77E19; padding-bottom: 0; margin-bottom:0;}

.Text18Orange{
    text-align:left;
    font-size:18px;
    font-weight:normal;
    color:#E77E19;
    line-height:16px;
/*text-indent:-20px;*/

}

.TextTable13DarkGreyCenter{
    font-size: 13px;
    font-weight: normal;
    color: #383D44;
    line-height:18px;
    margin:2px;
    text-align:center;
}

.Title13OrangeCenter {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: #E77E19;
    line-height: 16px;
}

.Title18OrangeCenter {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #E77E19;
    line-height: 16px;
}
.Title18OrangeCenter a{
    color: #E77E19;
}
.Title18OrangeCenter a:hover{
    color: #4D586A;
}

.Text9 {
    text-align:center;
    font-size:9px;
    font-weight:normal;
    line-height:11px;
}

.Text9grey
{
    text-align:center;
    font-size:9px;
    font-weight:normal;
    color:#999999;
    line-height:11px;
/*list-style-type: square;*/
}

.Text20greyCenter{
    text-align:center;
    font-size:22px;
    font-weight:bold;
    color:#616A79;
    line-height:22px;
/*list-style-type: square;*/
}
.Text20greyCenter a {color:#616A79; text-decoration:underline;}
.Text20greyCenter a:link{color:#616A79; text-decoration:underline;}
.Text20greyCenter a:hover{ color:#E77E19; padding-bottom: 0; margin-bottom:0;}

.Text20Grey{
    text-align:center;
    font-size:20px;
    font-weight:normal;
    color:#616A79;
    line-height:28px;
}

.Text20GreySignup{
    text-align:center;
    font-size:20px;
    font-weight:normal;
    color:#616A79;
    line-height:28px;
    margin: 5px 0;
}

td.notspaced {
    padding: 0;
}

/* -------XAVI STYLES! ------- */

.error {
    font-size:   13px;
    font-weight: normal;
    font-style:  italic;
    color:       red;
    line-height: 18px;
}

.error a {
    color: #616A79;
    text-decoration: underline;
}

.question-mark {
    vertical-align: middle;
}

.pagination-browser {
    font-size:   13px;
    font-weight: normal;
    color:       #4D586A;
    line-height: 18px;
    text-align:  center;
}

.pagination-browser img {
    vertical-align: -3px;
}

.pagination {
    font-size:   13px;
    font-weight: normal;
    color:       #4D586A;
    line-height: 18px;
    text-align:  center;
}

.pagination img {
    vertical-align: -3px;
}

div.auto_complete {
    width: 350px;
    background: #fff;
    font-size: 12px;
    text-align: left;
    color: #4D586A;
}

div.auto_complete ul {
    border: 1px solid #E6E3D7;
    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: #E6E3D7;
}

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

.Text11lightgrey{text-align:center; font-size:12px; font-weight:normal; color:#ACADAE; line-height:16px;}
.Text11lightgrey a{color:#ACADAE; text-decoration:underline;}
.Text11lightgrey a:hover{ color:#4D586A; padding-bottom: 0; margin-bottom:0;}

.Title12Orange{font-family: Arial, Verdana; text-align:center; font-size:12px; font-weight:bold; color:#E77E19; line-height:16px;}
.Title12Orange a{color:#E77E19; text-decoration:none;}
.Title12Orange a:hover{ color:#4D586A; padding-bottom: 0; margin-bottom:0;}

textarea {
    font-family: Arial, Verdana, sans-serif;
}

.HelpItem a {
    text-decoration: underline;
}

.help-answer-separator {
    margin-bottom: 5px;
}

.HelpItem ul {
    margin: 4px;
    padding-left: 20px;
}

.HelpItem li {
    list-style-type: square;
}

#textareaTour ul {
    margin: 4px;
    padding-left: 20px;
}

#textareaTour li {
    list-style-type: square;
    margin-top: 4px;
}

td.backoffice_label {
    vertical-align: top;
    font-weight: bold;
    text-align: right;
}

a.icon {
    line-height: 22px;
}
a.icon img {
    vertical-align: baseline;
}

.hide {
    display:none;
}

/* flash messages */
.flash {
    color: #666;
    background-color: #edf3fd;
    padding: 8px 40px;
    margin: 1em 50px;
    font-size: 0.8em;
    border-top: 1px solid #b2c7df;
    border-bottom: 1px solid #b2c7df;
    text-align: left;
}

/* Specify the div tag to avoid problems in IE6 and multiple classes selector */

div.flash.notice {
    color: #666;
    background: #edffe1 url(/images/ico/ok.gif) no-repeat 15px 0.7em;
    border-top: 1px solid #bdd8bd;
    border-bottom: 1px solid #bdd8bd;
}

div.flash.warning {
    color: #666;
    background: #fdffcb url(/images/ico/warning.gif) no-repeat 15px 0.7em;
    border-top: 1px solid #fcd41d;
    border-bottom: 1px solid #fcd41d;
}

div.flash.error, div.flash.alert {
    color: #666;
    background: #ffebe2 url(/images/ico/error.gif) no-repeat 15px 0.7em;
    border-top: 1px solid #fecfc1;
    border-bottom: 1px solid #fecfc1;
}

/* Backoffice especifications */

.backoffice img.vbottom {
    vertical-align: bottom;
}