
.fx-banner-body-left { background-color: #FFFFFF; }

/*RESETS*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}


/*th,td{margin:0;padding:0;}*/

body  {font-family: Arial, Tahoma, Verdana, Sans-Serif; font-size: 8pt; line-height: 17px; color: #666666; background-image: url(images/body.jpg); background-repeat: repeat-x; background-position: top; background-color:#E5E5E7;}
table {font-family: Arial, Tahoma, Verdana, Sans-Serif; font-size: 8pt; line-height: 17px; color: #666666}


/*THEME*/
#container { position: absolute; left: 50%; text-align: left; }
#fxpage { position: absolute; left: -485px; width: 970px; background-image: url(images/fxpage.jpg); background-repeat: repeat-y; background-position: top; }
#outer { background-image: url(images/fxpage-outer.jpg); background-repeat: no-repeat; background-position: top; }
#inner { padding: 0 10px 5px 10px; background-image: url(images/fxpage-inner.jpg); background-repeat: no-repeat; background-position: bottom; }

#title {  }
.title-default { text-align: right; padding: 0 20px 50px 0; }
.title { text-align: right; padding: 0 20px 0 0; }

#tagline { height: 25px; padding: 0 20px 0 20px; }
.tagline-default { text-align: right; }
.tagline {  }

#menubar { margin: 0 20px 0 20px; }

#main { position: relative; margin: 15px 0 0 0; color: #EEEEEE; padding: 0 20px 0 20px;}
#main-content { background-color: #FFFFFF; border-top: 2px solid #7A7775; color: #333333; padding: 0 20px 0 20px; }
#main-default { background-color: #000000; padding: 15px 0 0 20px; color: #EEEEEE; }




#body {  min-height: 300px; }
* html #body { height: 300px; }
#content a { text-decoration: underline; }
#content { float: left; width: 772px; font-size: 1.0em; }


#features { float:left; background-color: #CCCCCC; color: #333333; height:189px; margin: 20px 0 20px 0; padding:0px; }
#features #features-object { float: left; position:relative; width: 328px; margin:0px; padding: 0px;  }
#features #features-text { border-left: 3px solid #FFFFFF; float: left; width: 429px; height: 189px; margin:0px; padding: 3px; }
#features #features-text-nogallery { float: left; width: 754px; height: 189px; margin:0px; padding: 0px; }

#features #features-object #gallery	{float:left; width:328px; margin:0px; padding:0px;}
#features #features-object .gallery-item { float: left; width:252px; margin:0px; padding:0px; }
#features #features-object .gallery-item img { float:left; width: 252px; height: 189px; margin:0px; padding:0px; }
#features #features-object .gallery-item a { margin:0px; padding:0px; }
#features #features-object .gallery-previous { position:absolute; top:0px; left:252px; width: 38px; height: 189px; margin:0px; padding:0px; }
#features #features-object .gallery-next { position:absolute; top:0px; left:290px; width: 38px; height: 189px; margin:0px; padding:0px; }


#main .content-intro { background-color: #2D2C31; background-image: url(images/content-corner.gif); background-repeat: no-repeat; background-position: bottom left; }
#main .content {  }

#main-content #panelbar { padding: 20px 0 0 0; }
#footer { font-size: 10px; clear: both; border-top: 1px solid #7A7775; margin-top: 15px; }
#footer a { text-decoration: underline; }

#introobjects { height: 189px; padding: 4px 0 0 4px; }
#introobjects .introobject { float: left; width: 252px; height: 189px; padding-right: 4px; }

#homepagerollover { position: relative; float: left; width: 450px; height: 136px; margin: 0 10px 10px 0; }
#homepagerollover .panel { position: absolute; top: 0px; left: 0px; }

#main .section { padding: 0; }
#main-content .section { padding: 20px 0 0 0; background-color: #FFFFFF;}

#main .content-body { padding: 20px 20px 30px 20px; }

.section .smargin { margin-right: 18px; }
.section .split1-2 { float: left; width: 49%; border:1px dotted gray; padding-right:10px }
.section .split1-3 { float: left; width: 33%; border:1px dotted gray }
.section .split2-3 { float: left; width: 66%; border:1px dotted gray }
.section .split1-4 { float: left; width: 25%; border:1px dotted gray }
.section .split2-4 { float: left; width: 50%; border:1px dotted gray }
.section .split3-4 { float: left; width: 75%; border:1px dotted gray }

.section .a1-3 .b1-2 { float: left; width: 118px; }
.section .a2-3 { float: left; width: 460px; border:1px dotted gray}
.section .a2-3 .b1-2 { float: left; width: 254px; }

.section .last {padding-right:0}



#panelbar { float: left; margin-left: 4px; width: 134px; }

#panelbar .panel { clear: both; width: 134px; height: 169px; margin-bottom: 3px; color: #FFFFFF; }
#panelbar .panel-content { padding: 5px; }
#main-default .panel-content img { position: relative; top: -5px; }
#contenteditor #main-default .panel-half .panel-content { width: 217px; padding: 12px 6px 0 20px; }

#main-content #panelbar .panel-default,
#main-content #panelbar .panel-blue { background-image: url(images/panel-white-blue.jpg); background-repeat: no-repeat; background-position: top left; }
#main-content #panelbar .panel-orange { background-image: url(images/panel-white-orange.jpg); background-repeat: no-repeat; background-position: top left; }
#main-content #panelbar .panel-red { background-image: url(images/panel-white-red.jpg); background-repeat: no-repeat; background-position: top left; }
#main-content #panelbar .panel-green { background-image: url(images/panel-white-green.jpg); background-repeat: no-repeat; background-position: top left; }
#main-content #panelbar .panel-purple { background-image: url(images/panel-white-purple.jpg); background-repeat: no-repeat; background-position: top left; }

#main #panelbar .panel-default,
#main #panelbar .panel-blue { background-image: url(images/panel-black-blue.jpg); background-repeat: no-repeat; background-position: top left; }
#main #panelbar .panel-orange { background-image: url(images/panel-black-orange.jpg); background-repeat: no-repeat; background-position: top left; }
#main #panelbar .panel-red { background-image: url(images/panel-black-red.jpg); background-repeat: no-repeat; background-position: top left; }
#main #panelbar .panel-green { background-image: url(images/panel-black-green.jpg); background-repeat: no-repeat; background-position: top left; }
#main #panelbar .panel-purple { background-image: url(images/panel-black-purple.jpg); background-repeat: no-repeat; background-position: top left; }

#main-default .panel { float: left; width: 450px; height: 136px; margin: 0 10px 10px 0; color: #FFFFFF; }
#main-default .panel img { float: right; margin-left: 10px; }
#main-default .panel a { color: #FFFFFF; text-decoration: underline; }
#main-default .panel-half { width: 217px; }
#main-default .panel-contact-default { float: left; width: 223px; height: 136px; }
#main-default .panel-content { padding: 7px 6px 0 20px; }

#main-default .panel-default,
#main-default .panel-grey { background-image: url(images/default-panel-grey.jpg); background-repeat: no-repeat; background-position: top left; }
#main-default .panel-blue { background-image: url(images/default-panel-blue.jpg); background-repeat: no-repeat; background-position: top left; }
#main-default .panel-orange { background-image: url(images/default-panel-orange.jpg); background-repeat: no-repeat; background-position: top left; }
#main-default .panel-red { background-image: url(images/default-panel-red.jpg); background-repeat: no-repeat; background-position: top left; }
#main-default .panel-green { background-image: url(images/default-panel-green.jpg); background-repeat: no-repeat; background-position: top left; }
#main-default .panel-purple { background-image: url(images/default-panel-purple.jpg); background-repeat: no-repeat; background-position: top left; }
#main-default .panel-becogent { background-image: url(images/default-panel-orange.jpg); background-repeat: no-repeat; background-position: top left; }


.news-item { border-bottom: 1px solid #444444; width:870px; margin:0px 0px 5px 0px; padding:0px 0px 5px 0px; }
.news-item h1 { width:870px; margin:0px; padding:0px; }
.news-item p { width:870px; margin:0px; padding:0px 0px 2px 0px; }
.news-item a.readmore	{ width:870px; margin:0px; padding:0px; }

img { border: 0; margin: 0; padding: 0; }

a { text-decoration: none; color: #FFFFFF; }
#main-content a { text-decoration: underline; color: #666666;  }
.content-intro a { text-decoration: underline; color: #FFFFFF; }
a:hover { color: #004EA4; }
p { margin-bottom: 10px; margin-top: 0; }
ul { margin-left: 10px; }
ul li { list-style-type: disc; margin-left: 10px; }
ol { margin-left: 15px; }
ol li { list-style-type: decimal; margin-left: 10px; }

h1 { font-size: 16px; margin: 5px 0 3px 0; }
h2 { font-size: 12px; margin: 5px 0 3px 0; }

a.login { font-size: 11px; color: #666666; }
a.login:hover { color: #FF6600; }
a.more { font-size: 11px; }
a.more:hover { color: #004EA4; }

a.bullet { padding-left: 15px; background-image: url(images/link-bullet.png); background-repeat: no-repeat; background-position: left; }
a.more { padding-right: 15px; background-image: url(images/link-more.png); background-repeat: no-repeat; background-position: right; }
a.arrow { padding-left: 15px; background-image: url(images/link-arrows.png); background-repeat: no-repeat; background-position: left; }
a.external { padding-right: 12px; background-image: url(images/link-external.png); background-repeat: no-repeat; background-position: right; }
a.pdf { padding-left: 20px; background-image: url(images/link-pdf.png); background-repeat: no-repeat; background-position: left; }
a.doc { padding-left: 20px; background-image: url(images/link-doc.png); background-repeat: no-repeat; background-position: left; }

div.menu { height: 31px; }
div.menu ul { padding: 0; margin: 0; }
div.menu ul li { padding: 0; margin: 0; float: left; height: 31px; list-style-type: none; text-align: center; font-size: 15px; }
div.menu ul li a { display: block; font-family: Arial, Verdana, Sans-Serif; color: #FFFFFF; font-weight: bold; line-height: 31px; height: 31px; background-image: url(images/menubar-background.jpg); background-repeat: repeat-x; background-position: top; }
* html div.menu ul li a { display: inline; }
div.menu ul li a:hover { background-color: #3D3D3D; color: #FFFFFF; }
div.menu ul li a.selected { background-color: #3D3D3D; color: #FFFFFF; }

div.menu ul li.item {  }
div.menu ul li.item1 { width: 114px; }
div.menu ul li.item1 a { display: block; line-height: 31px; }
div.menu ul li.item1 a.selected { background-image: url(images/menubar-item1-hover.jpg); background-repeat: no-repeat; background-position: top; }
div.menu ul li.item1 a:hover { background-image: url(images/menubar-item1-hover.jpg); background-repeat: no-repeat; background-position: top; }
div.menu ul li.item2 { width: 114px; }
div.menu ul li.item2 a { display: block; line-height: 31px; }
div.menu ul li.item2 a.selected { background-image: url(images/menubar-item2-hover.jpg); background-repeat: no-repeat; background-position: top; }
div.menu ul li.item2 a:hover { background-image: url(images/menubar-item2-hover.jpg); background-repeat: no-repeat; background-position: top; }
div.menu ul li.item3 { width: 114px; }
div.menu ul li.item3 a { display: block; line-height: 31px; }
div.menu ul li.item3 a.selected { background-image: url(images/menubar-item3-hover.jpg); background-repeat: no-repeat; background-position: top; }
div.menu ul li.item3 a:hover { background-image: url(images/menubar-item3-hover.jpg); background-repeat: no-repeat; background-position: top; }
div.menu ul li.item4 { width: 114px; }
div.menu ul li.item4 a { display: block; line-height: 31px; }
div.menu ul li.item4 a.selected { background-image: url(images/menubar-item4-hover.jpg); background-repeat: no-repeat; background-position: top; }
div.menu ul li.item4 a:hover { background-image: url(images/menubar-item4-hover.jpg); background-repeat: no-repeat; background-position: top; }
div.menu ul li.item5 { width: 114px; }
div.menu ul li.item5 a { display: block; line-height: 31px; }
div.menu ul li.item5 a.selected { background-image: url(images/menubar-item5-hover.jpg); background-repeat: no-repeat; background-position: top; }
div.menu ul li.item5 a:hover { background-image: url(images/menubar-item5-hover.jpg); background-repeat: no-repeat; background-position: top; }
div.menu ul li.item6 { width: 114px; }
div.menu ul li.item6 a { display: block; line-height: 31px; }
div.menu ul li.item6 a.selected { background-image: url(images/menubar-item6-hover.jpg); background-repeat: no-repeat; background-position: top; }
div.menu ul li.item6 a:hover { background-image: url(images/menubar-item6-hover.jpg); background-repeat: no-repeat; background-position: top; }
div.menu ul li.item7 { width: 114px; }
div.menu ul li.item7 a { display: block; line-height: 31px; }
div.menu ul li.item7 a.selected { background-image: url(images/menubar-item7-hover.jpg); background-repeat: no-repeat; background-position: top; }
div.menu ul li.item7 a:hover { background-image: url(images/menubar-item7-hover.jpg); background-repeat: no-repeat; background-position: top; }
div.menu ul li.item8 { width: 112px; }
div.menu ul li.item8 a { display: block; line-height: 31px; }
div.menu ul li.item8 a.selected { background-image: url(images/menubar-item8-hover.jpg); background-repeat: no-repeat; background-position: top; }
div.menu ul li.item8 a:hover { background-image: url(images/menubar-item8-hover.jpg); background-repeat: no-repeat; background-position: top; }

div.submenu { height: 27px; border-bottom: 1px solid #7A7775; }
div.submenu ul { padding: 0; margin: 0; }
div.submenu ul li { padding: 0; margin: 0; float: left; height: 27px; line-height: 27px; list-style-type: none; text-align: center; font-size: 11px; }
div.submenu ul li a { padding: 0 20px 0 20px; display: block; font-family: Arial, Verdana, Sans-Serif; color: #FFFFFF; font-weight: bold; line-height: 27px; height: 27px; }
* html div.submenu ul li a { width: 120px; padding: 0; }
div.submenu ul li a:hover { background-color: #3D3D3D; color: #FFFFFF; }
div.submenu ul li a.selected { background-color: #3D3D3D; color: #FFFFFF; }

div.submenu ul.item1 li a.selected { background-image: url(images/submenu-item1-hover.gif); background-repeat: repeat-x; background-position: bottom; }
div.submenu ul.item1 li a:hover { background-image: url(images/submenu-item1-hover.gif); background-repeat: repeat-x; background-position: bottom; }
div.submenu ul.item2 li a.selected { background-image: url(images/submenu-item2-hover.gif); background-repeat: repeat-x; background-position: bottom; }
div.submenu ul.item2 li a:hover { background-image: url(images/submenu-item2-hover.gif); background-repeat: repeat-x; background-position: bottom; }
div.submenu ul.item3 li a.selected { background-image: url(images/submenu-item3-hover.gif); background-repeat: repeat-x; background-position: bottom; }
div.submenu ul.item3 li a:hover { background-image: url(images/submenu-item3-hover.gif); background-repeat: repeat-x; background-position: bottom; }
div.submenu ul.item4 li a.selected { background-image: url(images/submenu-item4-hover.gif); background-repeat: repeat-x; background-position: bottom; }
div.submenu ul.item4 li a:hover { background-image: url(images/submenu-item4-hover.gif); background-repeat: repeat-x; background-position: bottom; }
div.submenu ul.item5 li a.selected { background-image: url(images/submenu-item5-hover.gif); background-repeat: repeat-x; background-position: bottom; }
div.submenu ul.item5 li a:hover { background-image: url(images/submenu-item5-hover.gif); background-repeat: repeat-x; background-position: bottom; }
div.submenu ul.item6 li a.selected { background-image: url(images/submenu-item6-hover.gif); background-repeat: repeat-x; background-position: bottom; }
div.submenu ul.item6 li a:hover { background-image: url(images/submenu-item6-hover.gif); background-repeat: repeat-x; background-position: bottom; }


.floathardleft  { float: left; }
.floathardright { float: right; }

.frameleft  { float: left; margin: 4px 5px 4px 0; border: 1px solid #666666; }
.frameright { float: right; margin: 4px 0 4px 5px; border: 1px solid #666666; }

.floatleft  { float: left; margin: 4px 5px 4px 0; }
.floatright { float: right; margin: 4px 0 4px 5px; }


/* TABLES */
table tbody.rowcoloring_alternate tr.even { background-color: #FFFFFF; }

table { border-collapse: collapse; }
table td p { margin: 1px 5px 0 5px; }
table th p { margin: 1px 5px 5px 5px; }
table td, table th { vertical-align: top; text-align: center; }
table td.firstcolumn, table th.firstcolumn { text-align: left; }
table td { color: #333333; }
table th { font-weight: bold; color: #FFFFFF; }

table.style1 { background-color: #DCDCDC; border: 1px solid #000000; }
table.style1 th { background-color: #858585; }
table.style1 td, table.default th { border-color: #858585; }

table.grey { background-color: #DCDCDC; border: 1px solid #000000; }
table.grey th { background-color: #858585; }
table.grey td, table.grey th { border-color: #858585; }

table.purple { background-color: #DCC9E6; border: 1px solid #000000; }
table.purple th { background-color: #764291; }
table.purple td, table.purple th { border-color: #764291; }

table.green { background-color: #D6E5C6; border: 1px solid #000000; }
table.green th { background-color: #669933; }
table.green td, table.green th { border-color: #669933; }

table.orange { background-color: #FFC9AE; border: 1px solid #000000; }
table.orange th { background-color: #CC6633; }
table.orange td, table.orange th { border-color: #CC6633; }

table.red { background-color: #FEBFCD; border: 1px solid #000000; }
table.red th { background-color: #C30029; }
table.red td, table.red th { border-color: #C30029; }

table.pink { background-color: #FBCBEA; border: 1px solid #000000; }
table.pink th { background-color: #CC0066; }
table.pink td, table.pink th { border-color: #CC0066; }

table.border_table { border-width: 1px; border-style: solid; }

table.border_row th {  }
table.border_row td { border-bottom-width: 1px; border-bottom-style: solid; }

table.border_column th {  }
table.border_column td { border-right-width: 1px; border-bottom-style: solid; }

table.style1 th {  }
table.style1 td { border-width: 1px; border-style: solid; }




/* DEFINITION LISTS */


dl.table { border-bottom: 1px solid #999; }

dl.table dt
{
width: 15em;
padding: .5em;
float: left;
margin: 0;
border-top: 1px solid #999;
font-weight: bold;
}

dl.table dd
{
margin-left: 16em;
padding: .5em;
}

dl.table dd.first { border-top: 1px solid #999; }



dl.column
{
margin: 2em 0;
padding: 0;
}

dl.column dt{
position: relative;
left: 0;
top: 1.1em;
width: 5em;
font-weight: bold;
}

dl.column dd
{
border-left: 1px solid #000;
margin: 0 0 0 6em;
padding: 0 0 .5em .5em;
}



dl.default
{
}

dl.default dt
{
margin: 0;
padding: 0;
font-weight: bold;
font-size: 1.2em;
}

dl.default dd
{
margin: 0 0 1em 0;
padding: 0;
}

dl.boxed
{
}

dl.boxed dt
{
margin: 2em 0 0 0;
background-color: #131210;
color: #959289;
padding: .5em .5em;
font-weight: bold;
text-align: center;
text-transform: uppercase;
border-left: 1px solid #131210;
border-right: 1px solid #131210;
border-top: 1px solid #131210;
}

dl.boxed dd
{
margin: 0 0 0 0;
background: #DBD8D8;
text-align: center;
padding: 1em .5em;
font-style: italic;
border-left: 1px solid #131210;
border-right: 1px solid #131210;
border-bottom: 1px solid #131210;
} 


dl.bulleted dt
{
color: #000;
font-weight: bold;
font-size: 1.2em;
padding: 1em 0 0 0;
}

dl.bulleted dd
{
margin: 0 0 .3em 1em;
padding: 0 0 0 16px;
background-image: url(images/link-arrows.png);
background-repeat: no-repeat;
background-position: 0 .4em
} 



.red {color:red}
.green {color:green}
.blue {color:blue}

.nowrap {white-space:nowrap}

.caption { display: none; }


