/********** TITLES, TEXT & LISTS *********/
@font-face {
	font-family: BelfiusBlack;
	font-weight:bold;
	src: url('themes/base/fonts/BelfiusAlternative-Black.otf');
}
@font-face {
	font-family: BelfiusNormal;
	src: url('themes/base/fonts/BelfiusAlternative_bold.ttf');
}

html, body { margin:0px; padding:0px; }
body 
{
    font-family:Arial;
    font-size:13px;
    line-height:18px;
    color:#0c1a23;    
}

h1, h2, h3, h4 
{
    font-family:Arial;
    font-weight:normal;
    color:#51626f;
}

h1 { font-size:26px; line-height:30px; }
h2 { font-size:21px; line-height:24px; }
h3 { font-size:15px; line-height:21px; }
h4 { font-size:15px; line-height:18px; }

.introText { font-size:15px; line-height:20px; }

ul > li { font-size:13px; line-height:16px; }

.BelfiusBlack { font-family : BelfiusBlack,Arial; }
.BelfiusNormal { font-family : BelfiusNormal,Arial; }
.required {
	color: #c30045;
}

header { overflow:hidden; }

/********** LINK TYPES *********/

ul.linkList { margin:0px; padding:0px; }
ul.linkList li { list-style-type:none; }

a:link,
a:active { color:#51626f; }

a:hover { color:#78736e; }
a:visited { color:#aaa07d; }

a.linkType01 { display:block; background:url(themes/base/images/widgets.png) 0px -5px no-repeat; line-height: 18px; padding-left: 18px; }
a.linkType01:hover { background:url(themes/base/images/widgets.png) 0px -35px no-repeat; }

a.linkType02 { display:block; background:url(themes/base/images/widgets.png) 0px -75px no-repeat; line-height: 30px; padding-left: 30px; }
a.linkType02:hover { background:url(themes/base/images/widgets.png) 0px -135px no-repeat; }

/********** BOX TYPES *********/
.boxWidth01{ width:750px; }
.boxWidth02{ float:left; width:560px; margin-right:10px; }
.boxWidth03{ float:left; width:496px; margin-right:10px; }
.boxWidth04{ float:left; width:370px; margin-right:10px; }
.boxWidth05{ float:left; width:275px; margin-right:10px; }
.boxWidth06{ float:left; width:243px; margin-right:10px; }
.boxWidth07{ float:left; width:180px; margin-right:10px; }

.boxWidth01.boxType01,
.boxWidth01.boxType02,
.boxWidth01.boxType03,
.boxWidth01.boxType04 { width:718px; }
.boxWidth01.SequenceMap { width:738px; }

.boxWidth02.boxType01,
.boxWidth02.boxType02,
.boxWidth02.boxType03,
.boxWidth02.boxType04 { width:528px; }

.boxWidth03.boxType01,
.boxWidth03.boxType02,
.boxWidth03.boxType03,
.boxWidth03.boxType04 { width:464px; }

.boxWidth04.boxType01,
.boxWidth04.boxType02,
.boxWidth04.boxType03,
.boxWidth04.boxType04 { width:338px; }

.boxWidth05.boxType01,
.boxWidth05.boxType02,
.boxWidth05.boxType03,
.boxWidth05.boxType04 { width:243px; }

.boxWidth06.boxType01,
.boxWidth06.boxType02,
.boxWidth06.boxType03,
.boxWidth06.boxType04 { width:211px; }

.boxWidth07.boxType01,
.boxWidth07.boxType02,
.boxWidth07.boxType03,
.boxWidth07.boxType04 { width:148px; }

.boxType01,
.boxType02,
.boxType03,
.boxType04
{   
    overflow: hidden;
    padding:10px 15px 10px 15px; 
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    
}

.boxType01 { background-color:#ffffff; border:1px solid #d4d0cc; }
.boxType02 { background-color:#e3e3df; border:1px solid #bdb7b1; }
.boxType03  
{
    background: #fbfbfa; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2VlZWNlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #fbfbfa 0%, #eeece8 95%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfa), color-stop(95%,#eeece8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fbfbfa 0%,#eeece8 95%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fbfbfa 0%,#eeece8 95%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fbfbfa 0%,#eeece8 95%); /* IE10+ */
    background: linear-gradient(to bottom, #fbfbfa 0%,#eeece8 95%); /* W3C */
    border:1px solid #d4d0cc;
}
html.lt-ie9 .boxType03 { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfa', endColorstr='#eeece8',GradientType=0 ); }
.boxType04 { background-color:#FBFBFA; border:1px solid #d4d0cc;  }

.boxType03, 
.boxType04 { -webkit-box-shadow: 0px 2px 5px 0px #8C8782; box-shadow: 0px 2px 5px 0px #8C8782; }

.boxType01 header h2,
.boxType02 header h2,
.boxType03 header h2 { margin-top:0px; }
.boxType03 header h2 { color:#c30045; font-size:16px; line-height:16px; }

/********** BUTTONS *********/
a.button:link,
a.button:active,
a.button:focus,
a.button:visited,
a.button:hover 
{
    display:inline-block;
    overflow:hidden;
    width:auto;
    height:auto;
    margin-bottom:8px;
    margin-top:8px;

    text-align:center;
    text-decoration:none; 
    
    border-width:1px;
    border-style:solid;    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


a.button:link > span,
a.button:active > span,
a.button:focus > span,
a.button:visited > span,
a.button:hover > span  
{
    display: block; 
    min-width: 100px;
    padding: 5px 10px;
    height: 14px;
    
    font-family:Arial;
    font-size: 13px; 
    font-weight: bold;
    line-height: 14px;
    
    border-top-width:1px; 
    border-top-style:solid;
    cursor:pointer;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

a.button.small:link,
a.button.small:active,
a.button.small:focus,
a.button.small:visited,
a.button.small:hover { margin-bottom:4px; margin-top:4px; }

a.button.small:link > span,
a.button.small:active > span,
a.button.small:focus > span,
a.button.small:visited > span,
a.button.small:hover > span  
{
    min-width: 80px;
    padding: 3px 6px;
    height: 13px;
    
    font-size: 11px; 
    line-height: 12px;
}

html.lt-ie8 a.button.icon:link,
html.lt-ie8 a.button.icon:active,
html.lt-ie8 a.button.icon:focus,
html.lt-ie8 a.button.icon:visited,
html.lt-ie8 a.button.icon:hover { margin-right:3px; }
 
a.button.small.icon:link,
a.button.small.icon:active,
a.button.small.icon:focus,
a.button.small.icon:visited,
a.button.small.icon:hover { margin-bottom:8px; margin-top:8px; }


a.button.icon:link > span,
a.button.icon:active > span,
a.button.icon:focus > span,
a.button.icon:visited > span,
a.button.icon:hover > span { padding:5px;  min-width:0px; }

a.button.disabled:link, 
a.button.disabled:active,
a.button.disabled:visited,
a.button.disabled:focus,
a.button.disabled:hover { -webkit-box-f:none; box-shadow:none; }

a.button.disabled:link > span, 
a.button.disabled:active > span,
a.button.disabled:visited > span,
a.button.disabled:focus > span,
a.button.disabled:hover > span { background:none; filter:none; border:none; cursor: default;}

a.button:link > span > span.ui-icon, 
a.button:active > span > span.ui-icon,
a.button:visited > span > span.ui-icon,
a.button:focus > span > span.ui-icon,
a.button:hover > span > span.ui-icon { background-image:url(themes/base/images/ui-icons_c30045_256x240.png); }

/********** BUTTON TYPE 01 *********/
a.buttonType01:link, 
a.buttonType01:visited, 
a.buttonType01:focus { color:#ffffff; border-color:#404e59; }
a.buttonType01:active { color:#ffffff; border-color:#2f3c45; }
a.buttonType01:hover { color:#ffffff; border-color:#526472;}
a.buttonType01:focus { -webkit-box-shadow: 0px 0px 5px 2px #dfe77b; box-shadow: 0px 0px 5px 2px #dfe77b; }

a.buttonType01:link > span, 
a.buttonType01:visited > span, 
a.buttonType01:focus > span  
{
    border-color:#9cafbe; 
    
    background: #51626f; /* Old browsers */
    background: -moz-linear-gradient(top, #51626f 70%, #404e59 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,#51626f), color-stop(100%,#404e59)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #51626f 70%,#404e59 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #51626f 70%,#404e59 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #51626f 70%,#404e59 100%); /* IE10+ */
    background: linear-gradient(to bottom, #51626f 70%,#404e59 100%); /* W3C */
}
a.buttonType01:active > span  
{
    border-color:#738593; 
    
    background: #2f3e4c; /* Old browsers */

    background: -moz-linear-gradient(top, #2f3e4c 70%, #182132 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,#2f3e4c), color-stop(100%,#182132)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2f3e4c 70%,#182132 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2f3e4c 70%,#182132 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2f3e4c 70%,#182132 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2f3e4c 70%,#182132 100%); /* W3C */
}

a.buttonType01:hover > span  
{
    border-color:#98abba;
    
    background: #697c8e; /* Old browsers */
    background: -moz-linear-gradient(top, #697c8e 70%, #4e5f74 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,#697c8e), color-stop(100%,#4e5f74)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #697c8e 70%,#4e5f74 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #697c8e 70%,#4e5f74 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #697c8e 70%,#4e5f74 100%); /* IE10+ */
    background: linear-gradient(to bottom, #697c8e 70%,#4e5f74 100%); /* W3C */
}

html.lt-ie10 a.buttonType01:link > span, 
html.lt-ie10 a.buttonType01:visited > span, 
html.lt-ie10 a.buttonType01:focus > span { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiM1MTYyNmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDA0ZTU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); }
html.lt-ie10 a.buttonType01:active > span  { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiMyZjNlNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTgyMTMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); }
html.lt-ie10 a.buttonType01:hover > span { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiM2OTdjOGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNGU1Zjc0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); }

html.lt-ie9 a.buttonType01:link > span, 
html.lt-ie9 a.buttonType01:visited > span, 
html.lt-ie9 a.buttonType01:focus > span { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51626f', endColorstr='#404e59',GradientType=0 ); }
html.lt-ie9 a.buttonType01:active > span  { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f3e4c', endColorstr='#182132',GradientType=0 );}
html.lt-ie9 a.buttonType01:hover > span { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#697c8e', endColorstr='#4e5f74',GradientType=0 ); } 

a.buttonType01.disabled:link, 
a.buttonType01.disabled:active,
a.buttonType01.disabled:visited,
a.buttonType01.disabled:focus,
a.buttonType01.disabled:hover { color:#ffffff; border-color:#8c8781; background-color:#bac2c9; }

/********** BUTTON TYPE 02 *********/
a.buttonType02:link, 
a.buttonType02:visited, 
a.buttonType02:focus { color:#51626f; border-color:#c2bcb0; }
a.buttonType02:active { color:#51626f; border-color:#a49c91; }
a.buttonType02:hover { color:#51626f; border-color:#dad6cd;}
a.buttonType02:focus { -webkit-box-shadow: 0px 0px 5px 2px #dfe77b; box-shadow: 0px 0px 5px 2px #dfe77b; }

a.buttonType02:link > span, 
a.buttonType02:visited > span, 
a.buttonType02:focus > span  
{
    border-color:#ffffff; 
    
    background: #eae7e2; /* Old browsers */
    background: -moz-linear-gradient(top, #eae7e2 50%, #cfc8be 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#eae7e2), color-stop(100%,#cfc8be)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eae7e2 50%,#cfc8be 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eae7e2 50%,#cfc8be 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eae7e2 50%,#cfc8be 100%); /* IE10+ */
    background: linear-gradient(to bottom, #eae7e2 50%,#cfc8be 100%); /* W3C */
}

a.buttonType02:active > span  
{
    border-color:#e6e3de; 
    
    background: #bfb8af; /* Old browsers */

    background: -moz-linear-gradient(top, #bfb8af 50%, #aba49c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#bfb8af), color-stop(100%,#aba49c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #bfb8af 50%,#aba49c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #bfb8af 50%,#aba49c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #bfb8af 50%,#aba49c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #bfb8af 50%,#aba49c 100%); /* W3C */
}

a.buttonType02:hover > span  
{
    border-color:#ffffff;
    
    background: #fbfaf9; /* Old browsers */
    background: -moz-linear-gradient(top, #fbfaf9 50%, #f7f6f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#fbfaf9), color-stop(100%,#f7f6f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fbfaf9 50%,#f7f6f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fbfaf9 50%,#f7f6f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fbfaf9 50%,#f7f6f2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fbfaf9 50%,#f7f6f2 100%); /* W3C */
}

html.lt-ie10 a.buttonType02:link > span, 
html.lt-ie10 a.buttonType02:visited > span, 
html.lt-ie10 a.buttonType02:focus > span { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlYWU3ZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2ZjOGJlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); }
html.lt-ie10 a.buttonType02:active > span  { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNiZmI4YWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWJhNDljIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); }
html.lt-ie10 a.buttonType02:hover > span { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmYmZhZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjdmNmYyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); }

html.lt-ie9 a.buttonType02:link > span, 
html.lt-ie9 a.buttonType02:visited > span, 
html.lt-ie9 a.buttonType02:focus > span { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae7e2', endColorstr='#cfc8be',GradientType=0 ); }
html.lt-ie9 a.buttonType02:active > span  { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfb8af', endColorstr='#aba49c',GradientType=0 );}
html.lt-ie9 a.buttonType02:hover > span { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfaf9', endColorstr='#f7f6f2',GradientType=0 ); } 

a.buttonType02.disabled:link, 
a.buttonType02.disabled:active,
a.buttonType02.disabled:visited,
a.buttonType02.disabled:focus,
a.buttonType02.disabled:hover { color:#73818d; border-color:#bdbab1; background-color:#dddcd7; }

/********** BUTTON TYPE 03 *********/
a.buttonType03:link, 
a.buttonType03:visited, 
a.buttonType03:focus { color:#ffffff; border-color:#697e19; }
a.buttonType03:active { color:#ffffff; border-color:#6b6e17; }
a.buttonType03:hover { color:#ffffff; border-color:#84931e;}
a.buttonType03:focus { -webkit-box-shadow: 0px 0px 5px 2px #dfe77b; box-shadow: 0px 0px 5px 2px #dfe77b; }

a.buttonType03:link > span, 
a.buttonType03:visited > span, 
a.buttonType03:focus > span  
{
    border-color:#d8da6d; 
    
    background: #697d19; /* Old browsers */
    background: -moz-linear-gradient(top, #acb331 20%, #7a8a1e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#acb331), color-stop(100%,#7a8a1e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #acb331 20%,#7a8a1e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #acb331 20%,#7a8a1e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #acb331 20%,#7a8a1e 100%); /* IE10+ */
    background: linear-gradient(to bottom, #acb331 20%,#7a8a1e 100%); /* W3C */
}

a.buttonType03:active > span  
{
border-color:#bdc04d; 
    
background: #8e9220; /* Old browsers */

background: -moz-linear-gradient(top, #959a22 50%, #787d19 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#959a22), color-stop(100%,#787d19)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #959a22 50%,#787d19 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #959a22 50%,#787d19 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #959a22 50%,#787d19 100%); /* IE10+ */
background: linear-gradient(to bottom, #959a22 50%,#787d19 100%); /* W3C */
}

a.buttonType03:hover > span  
{
    border-color:#ebee93;
    
    background: #dabe23; /* Old browsers */
    background: -moz-linear-gradient(top, #dade29 40%, #97a21f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#dade29), color-stop(100%,#97a21f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dade29 40%,#97a21f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dade29 40%,#97a21f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dade29 40%,#97a21f 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dade29 40%,#97a21f 100%); /* W3C */
}

html.lt-ie10 a.buttonType03:link > span, 
html.lt-ie10 a.buttonType03:visited > span, 
html.lt-ie10 a.buttonType03:focus > span { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNhY2IzMzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2E4YTFlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); }
html.lt-ie10 a.buttonType03:active > span  { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM5NTlhMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzg3ZDE5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); }
html.lt-ie10 a.buttonType03:hover > span { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNkYWRlMjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTdhMjFmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); }

html.lt-ie9 a.buttonType03:link > span, 
html.lt-ie9 a.buttonType03:visited > span, 
html.lt-ie9 a.buttonType03:focus > span { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acb331', endColorstr='#7a8a1e',GradientType=0 ); }
html.lt-ie9 a.buttonType03:active > span  { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfb8af', endColorstr='#aba49c',GradientType=0 );}
html.lt-ie9 a.buttonType03:hover > span { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dade29', endColorstr='#97a21f',GradientType=0 ); } 

a.buttonType03.disabled:link, 
a.buttonType03.disabled:active,
a.buttonType03.disabled:visited,
a.buttonType03.disabled:focus,
a.buttonType03.disabled:hover { color:#ffffff; border-color:#aa9f7f; background-color:#d2d5a8; }

/********** BUTTON CONTAINER *********/
.buttons { clear:both; overflow: hidden; }
html.lt-ie9 .buttons { position:relative; }
.buttons.right .button { float:right; margin-left:6px; }
.buttons.left .button { float:left; margin-right:6px; }
.buttons.center { text-align:center; }

html.lt-ie8 .buttons.right { float:right; }
html.lt-ie8 .buttons.left { float:left; }

.buttons.boxWidth01{ padding:0px; width:750px; }
.buttons.boxWidth02{ float:left; width:560px; margin-right:10px; }
.buttons.boxWidth03{ float:left; width:496px; margin-right:10px; }
.buttons.boxWidth04{ float:left; width:370px; margin-right:10px; }
.buttons.boxWidth05{ float:left; width:275px; margin-right:10px; }
.buttons.boxWidth06{ float:left; width:243px; margin-right:10px; }
.buttons.boxWidth07{ float:left; width:180px; margin-right:10px; }

/********** FORMS *********/
fieldset { border: none; margin: 0px; padding: 0px; }
legend { display:none; }

input, textarea, select { font-family:Arial; font-size:13px; color:#333333; }

.display-label,
.editor-label { float:left; clear:left; width:120px; font-weight:bold; line-height:24px; }
.display-field,
.editor-field { float:left; margin:0px 0px 6px 10px; line-height:24px; }

html.lt-ie9 .display-field,
html.lt-ie9 .editor-field { position:relative; display:inline; min-width:210px; }
html.lt-ie8 .display-field,
html.lt-ie8 .editor-field { min-width:300px; }

label.info { display: block; color: #ABABAB; }

img.captcha 
{ 
    margin-right:8px;
    border:1px solid #50626e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;       
}
html.lt-ie8 img.captcha { margin-left:10px; }

img.captcha ~ a.refresh { display:block; clear:both; padding:1px 0px 1px 0px; }

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=datetime],
input[type=password],
input[type=date],
textarea
{
    padding:5px;
    width:210px;
        
    background-color:#ffffff;
    border:1px solid #50626e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;     
}
.ui-spinner input { width:192px; }

input[type=text]:hover,
input[type=email]:hover,
input[type=tel]:hover,
input[type=number]:hover,
input[type=datetime]:hover,
input[type=password]:hover,
input[type=date]:hover,
textarea:hover { border:1px solid #a9b3c6; }
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=datetime]:focus,
input[type=password]:focus,
input[type=date]:focus,
textarea:focus { border:1px solid #aaa07c; }

input[type=text][readonly=readonly],
input[type=text][readonly=readonly]:hover,
input[type=text][readonly=readonly]:focus,
input[type=email][readonly=readonly],
input[type=email][readonly=readonly]:hover,
input[type=email][readonly=readonly]:focus,
input[type=tel][readonly=readonly],
input[type=tel][readonly=readonly]:hover,
input[type=tel][readonly=readonly]:focus,
input[type=number][readonly=readonly],
input[type=number][readonly=readonly]:hover,
input[type=number][readonly=readonly]:focus,
input[type=datetime][readonly=readonly],
input[type=datetime][readonly=readonly]:hover,
input[type=datetime][readonly=readonly]:focus,
input[type=password][readonly=readonly],
input[type=password][readonly=readonly]:hover,
input[type=Password][readonly=readonly]:focus,
input[type=date][readonly=readonly],
input[type=date][readonly=readonly]:hover,
input[type=date][readonly=readonly]:focus,
textarea[readonly=readonly],
textarea[readonly=readonly]:hover,
textarea[readonly=readonly]:focus { border:1px solid #e3e3e3; }

input[type=text].input-validation-error,
input[type=text].input-validation-error:hover,
input[type=text].input-validation-error:focus,
input[type=email].input-validation-error,
input[type=email].input-validation-error:hover,
input[type=email].input-validation-error:focus,
input[type=tel].input-validation-error,
input[type=tel].input-validation-error:hover,
input[type=tel].input-validation-error:focus,
input[type=number].input-validation-error,
input[type=number].input-validation-error:hover,
input[type=number].input-validation-error:focus,
input[type=datetime].input-validation-error,
input[type=datetime].input-validation-error:hover,
input[type=datetime].input-validation-error:focus,
input[type=password].input-validation-error,
input[type=password].input-validation-error:hover,
input[type=password].input-validation-error:focus,
input[type=date].input-validation-error,
input[type=date].input-validation-error:hover,
input[type=date].input-validation-error:focus,
textarea.input-validation-error,
textarea.input-validation-error:hover,
textarea.input-validation-error:focus { background-color:#f7e9e9; border:1px solid #C84132; }

input[type=text].disabled,
input[type=text].disabled:hover,
input[type=text].disabled:focus,
input[type=email].disabled,
input[type=email].disabled:hover,
input[type=email].disabled:focus,
input[type=tel].disabled,
input[type=tel].disabled:hover,
input[type=tel].disabled:focus,
input[type=number].disabled,
input[type=number].disabled:hover,
input[type=number].disabled:focus,
input[type=datetime].disabled,
input[type=datetime].disabled:hover,
input[type=datetime].disabled:focus,
input[type=password].disabled,
input[type=password].disabled:hover,
input[type=password].disabled:focus,
input[type=date].disabled,
input[type=date].disabled:hover,
input[type=date].disabled:focus,
textarea.disabled,
textarea.disabled:hover,
textarea.disabled:focus { background-color:#f5f5f5; border:1px solid #e3e3e3; }

table input[type=text] { height:18px; font-size:12px; padding-top:3px; padding-bottom:3px; } 

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=datetime],
input[type=date],
input[type=password] { height:14px; }

input[type=text].small,
input[type=email].small,
input[type=tel].small,
input[type=number].small,
input[type=datetime].small,
input[type=password].small,
input[type=date].small { width:100px; }
.ui-spinner input.small { width:82px; }

/* TODO : find a better styling for dropdowns */
select { width:222px; }
select.small { width:112px; }

input[type=file] { display:block; width:210px; }

.search-field input, 
.search-field button { float:left; }
.search-field input{ width:100px; padding:3px; margin-top:4px; margin-right:6px; }

.boxWidth05 .display-label,
.boxWidth05 .editor-label { width:80px; }
.boxWidth06 .display-label,
.boxWidth06 .editor-label,
.boxWidth07 .display-label,
.boxWidth07 .editor-label { float:none; }
.boxWidth06 .display-field,
.boxWidth06 .editor-field,
.boxWidth07 .display-field,
.boxWidth07 .editor-field { margin-left:0px; }
.boxWidth07 .display-field input[type=text],
.boxWidth07 .display-field input[type=tel],
.boxWidth07 .display-field input[type=number],
.boxWidth07 .display-field input[type=datetime],
.boxWidth07 .display-field input[type=password],
.boxWidth07 .display-field input[type=date],
.boxWidth07 .display-field textarea,
.boxWidth07 .editor-field input[type=text],
.boxWidth07 .editor-field input[type=tel],
.boxWidth07 .editor-field input[type=number],
.boxWidth07 .editor-field input[type=datetime],
.boxWidth07 .editor-field input[type=password],
.boxWidth07 .editor-field input[type=date],
.boxWidth07 .editor-field textarea { width:185px; }

.boxWidth07 .editor-field .ui-spinner input { width:167px; }

html.lt-ie9 .boxWidth07  .editor-field { min-width:185px; }

/********** validation and info box *********/
.validation-summary-errors,
.informationBox,
.attentionBox,
.validBox
{
    margin-bottom: 10px;
    min-height: 62px;
    padding: 0px 10px 0px 50px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.validation-summary-errors {  background:url(themes/base/images/invalid.png) 6px 17px no-repeat; border:1px solid #C84132; }
.informationBox {  background:url(themes/base/images/info.png) 6px 17px no-repeat; border:1px solid #8c8782; }
.attentionBox { background:url(themes/base/images/attention.png) 6px 17px no-repeat; border:1px solid #e1c328; }
.validBox { background:url(themes/base/images/valid.png) 6px 17px no-repeat; border:1px solid #afb432; }

.validation-summary-valid { display:none; }

/********** validation and info box *********/
html.lt-ie8 .validation-summary-errors,
html.lt-ie8 .informationBox,
html.lt-ie8 .attentionBox,
html.lt-ie8 .validBox { padding-top:10px;} 

/********** Tables *********/
table tr th,
table tr td { text-align:left; padding-left:10px; padding-right:10px; }
table tr .numeric { text-align:right; }
table tr .center { text-align:center; }

table.dataTable
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
}

table.dataTable thead tr:first-child>:first-child  
{
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}
table.dataTable thead tr:first-child>:last-child  
{
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}

table.dataTable tfoot tr:last-child>:first-child  
{
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
}
table.dataTable tfoot tr:last-child>:last-child  
{
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}

table.dataTable thead { background-color: #ebebe6;}
table.dataTable thead tr th { border-top:1px solid #ffffff; border-right:1px solid #ffffff; }
table.dataTable thead tr:first-child th { border-top:1px solid #c7c5c3; }
table.dataTable thead tr:last-child th { border-bottom:1px solid #c7c5c3; }
table.dataTable thead tr>:first-child { border-left:1px solid #c7c5c3; }
table.dataTable thead tr>:last-child { border-right:1px solid #c7c5c3; }

table.dataTable tbody tr td,
table.dataTable tbody tr th { border-bottom:1px solid #c7c5c3; border-right:1px solid #c7c5c3; }

table.dataTable tbody tr>:first-child { border-left:1px solid #ffffff; }
table.dataTable tbody tr>:last-child { border-right:1px solid #ffffff; }

table.dataTable tfoot tr td,
table.dataTable tfoot tr th { background-color:#f5f5f2; }

table.dataTable tfoot tr:first-child td
table.dataTable tfoot tr:first-child th { border-top:1px solid #c7c5c3; }
table.dataTable tfoot tr:last-child td,
table.dataTable tfoot tr:last-child th { border-bottom:1px solid #c7c5c3; }
table.dataTable tfoot tr>:first-child { border-left:1px solid #c7c5c3; }
table.dataTable tfoot tr>:last-child { border-right:1px solid #c7c5c3; }

table.dataTable thead,
table.dataTable tfoot { font-size:12px; font-weight:bold; color:#0c1a23; }
table.dataTable tbody { font-size:11px; line-height:11px; color:#51626f; }

table.dataTable a.button:link, 
table.dataTable a.button:active, 
table.dataTable a.button:focus, 
table.dataTable a.button:visited, 
table.dataTable a.button:hover {
    margin: 3px 0px 3px 0px;
    padding:0px;
}

table.dataTable a.button.icon:link > span, 
table.dataTable a.button.icon:active > span, 
table.dataTable a.button.icon:focus > span, 
table.dataTable a.button.icon:visited > span, 
table.dataTable a.button.icon:hover > span {
    padding: 3px;
}

table.InfoDataTable 
{
    color:#51626f;
    background-color:#e3e3df;
    border:1px solid #bdb7b1;
    padding:10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
}

table.InfoDataTable tr th,
table.InfoDataTable tr td  
{
    background-color:#ffffff; 
    border-left:3px solid #ffffff;
    border-right:3px solid #ffffff;
}
table.InfoDataTable tr.alternativeRow th,
table.InfoDataTable tr.alternativeRow td
{
    background-color:#e3e3df; 
    border-top:1px solid #bdb7b1;
}
table.InfoDataTable tbody tr>:first-child { background-color:#c8c8c1; border-bottom:1px solid #ffffff; border-right:3px solid #c8c8c1; }
table.InfoDataTable tfoot tr>:first-child,
table.InfoDataTable thead tr>:first-child { background:none; border:none; }
table.InfoDataTable tr .spacer { background:none; border:none; padding:0px;}
table.InfoDataTable tbody tr .spacer { background-color:#c8c8c1; }

table.InfoDataTable thead tr:first-child th,
table.InfoDataTable thead tr:first-child td
{
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}

table.InfoDataTable tbody tr>:first-child { border-left:1px solid #bdb7b1; }
table.InfoDataTable tbody tr:first-child>:first-child
{
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}
table.InfoDataTable tbody tr:first-child>:first-child,
table.InfoDataTable tbody tr:first-child .spacer { border-top:1px solid #bdb7b1; } 

table.InfoDataTable tbody tr:last-child>:first-child
{
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
}
table.InfoDataTable tbody tr:last-child>:first-child,
table.InfoDataTable tbody tr:last-child .spacer { border-bottom:1px solid #bdb7b1; } 

table.InfoDataTable tfoot tr th,
table.InfoDataTable tfoot tr td
{
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}

table.InfoDataTable thead tr th
{
    font-family:Arial;
    font-weight:normal;
    color:#51626f;
    font-size:15px; 
    line-height:21px;
}
table.InfoDataTable thead tr>:first-child { font-size:21px; line-height:24px; }

table.InfoDataTable thead tr th,
table.InfoDataTable thead tr td
{
    padding-bottom:15px;
    padding-top:10px;    
}
table.InfoDataTable tbody tr th,
table.InfoDataTable tbody tr td,
table.InfoDataTable tfoot tr th,
table.InfoDataTable tfoot tr td
{
    padding-bottom:10px;
    padding-top:10px;    
}

/********** PAGER *********/
.pager { float:right; overflow:hidden; height: 20px; line-height:20px; }

.pager > * { float:left; display:block; margin-left:5px; }
.pager .first, 
.pager .last,
.pager .previous,
.pager .next { height:20px; width:15px; background-image:url(themes/base/images/widgets.png); background-repeat:no-repeat; text-indent:9999px }
.pager .first { margin-left:0px; background-position:0px -185px; }
.pager .last { margin-left:0px; background-position:-72px -185px; }
.pager .previous { margin-left:0px; background-position:-24px -185px; }
.pager .next { background-position:-48px -185px; }

.pager .first:hover { background-position:0px -215px; }
.pager .last:hover { background-position:-72px -215px; }
.pager .previous:hover { background-position:-24px -215px; }
.pager .next:hover { background-position:-48px -215px; }

.pager .first.disabled:hover,
.pager .first.disabled { background-position:0px -245px; }
.pager .last.disabled:hover,
.pager .last.disabled { background-position:-72px -245px; }
.pager .previous.disabled:hover,
.pager .previous.disabled { background-position:-24px -245px; }
.pager .next.disabled:hover,
.pager .next.disabled { background-position:-48px -245px; }

.pager a:visited { color:#51626f; }
.pager a:hover { color:#78736e; }
.pager .disabled,
.pager a.disabled:hover,
.pager a.disabled:visited { color:#bdbebb; text-decoration:none; cursor:default; }

/********** SEQUENCE MAP *********/
.SequenceMap {
    height:55px;
    padding:3px 5px 0px;
            

    background:#e3e3df url(themes/base/images/fades.png) repeat-x 0px 35px;
    border:1px solid #bdb7b1;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.SequenceMapStep
{
    position:relative;
    float:left;
    top:1px;
    overflow:hidden;
    width:134px;
    height:40px;
    padding: 10px 6px 3px;
    margin-bottom:3px;

    color:#51626f;
    font-size:13px;
    line-height:13px;

    border-left:1px solid #ffffff;
}

.SequenceMapStep.active
{
    margin:5px 6px 0px 0px;
    padding:5px 0px 5px 6px;

    color:#0c1a23;
    font-weight:bold;

    background:#ffffff;

    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

    -webkit-box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.2);
}

.SequenceMapStep:first-child,
.SequenceMapStep.active,
.SequenceMapStep.active + .SequenceMapStep { border-left:1px solid transparent; }


.SequenceMapStep .SequenceMapStepNumber
{
    float:left;
    overflow:hidden;
    padding:4px 8px;
    margin-right:6px;

    color:#ffffff;
    font-size:15px;
    line-height:15px;
    font-weight:bold;

    background:#c30045;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.SequenceMapStep.disabled .SequenceMapStepNumber { background:#8c8782; }

.SequenceMapStep .SequenceMapStepTitle { overflow:hidden; height: 100%; word-wrap:break-word; }

/********** SEQUENCE MAP *********/
.contactBox ul.iconList 
{
     padding-left:15px;
    list-style-type: none;
    margin: 0 0 10px;
}

.contactBox ul.iconList li.Phone
{
    background:url(themes/base/images/widgets.png) no-repeat 0px -551px;
    padding-left:25px;
}
.contactBox ul.iconList li.Home
{
    background:url(themes/base/images/widgets.png) no-repeat 0px -581px;
    padding-left:25px;
}
.contactBox ul.iconList li.Online
{
    background:url(themes/base/images/widgets.png) no-repeat 0px -611px;
    padding-left:25px;
}
.contactBox ul.iconList > li.Phone,
.contactBox ul.iconList > li.Home,
.contactBox ul.iconList > li.Online { line-height: 20px; margin: 5px 0px; }


/********** MISC *********/
.loader { position:absolute; top:0px; left:0px; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; }

.loader.big { background-image:url(themes/base/images/Belfius-loader.gif); }
.loader.small { /* TODO : create small loader gif */ }

.ui-icon { display: block; float: left; }

table a.button:link, 
table a.button:active,
table a.button:focus,
table a.button:visited,
table a.button:hover { margin-top:0px; margin-bottom:0px; }