/* Main Theme */

#iefix { text-align: center; }
#fxpage { position: relative; width: 800px; min-height: 700px; background-color: #FFFFFF; text-align: left; margin: 20px auto 20px auto; border: 1px solid #003366; font-family: Arial, Verdana; font-size: 0.8em; color: #666666;}
#fxpage td {font-family: Arial, Verdana; font-size: 0.9em; color: #666666;}
* html #fxpage { height: 700px; }
#fxpage-header1 { position: absolute; left: 0px; top: 0px; width: 800px; height: 60px; vertical-align: top; }
#fxpage-header1-left { float: left; padding: 20px 0 0 20px; }
#fxpage-header1-right { float: right; height: 60px; text-align: right; }
#fxpage-header2 { position: absolute; left: 0px; top: 90px; width: 800px; height: 175px; background-image: url(images/strip.jpg); background-repeat: no-repeat; background-position: top; }
#fxpage-body {  }
#fxpage-body-content { padding: 260px 10px 20px 227px; text-align: justify; }
#fxpage-sidebar { position: absolute; left: 15px; top: 90px; width: 211px; min-height: 608px;  background-image: url(images/sidebar.jpg); background-repeat: no-repeat; background-position: top; }
* html #fxpage-sidebar { height: 608px; }
#fxpage-sidebar-content { padding: 0 10px 5px 20px; }
#fxpage-footer { clear:left; background-image: url(images/footer.gif); background-repeat: repeat-x; background-position: bottom; }

#fxpage-sidetab { position: absolute; right: -126px; top: 80px; width: 125px; height: 325px; background-image: url(images/sidetab-background.gif); background-repeat: no-repeat; background-position: top; }
#fxpage-sidetab-content { margin: 20px 0 0 10px; width: 86px; text-align: center; }
#fxpage-sidetab-content h1 { color: #0166FE; font-size: 12px; margin: 0 0 4px 0; }
#fxpage-sidetab-content p { font-size: 11px; }
#fxpage-sidetab-content div { border: 1px solid #CCCCCC; width: 86px; height: 36px; margin-bottom: 4px; }


#copyright { white-space:nowrap; margin: 20px 0 0 17px; font-size: 9px; }




/* Default Elements */

body, html {  margin:0; padding:0; }
body { background-image: url(images/body-background.gif); background-repeat: repeat-x; background-position: top; }
h1 { font-size: 16px; font-weight: bold; color: #3A647A; }
h2 { font-size: 14px; font-weight: bold; color: #3A647A; line-height: 12px}
h3 { font-size: 12px; font-weight: bold; color: #3A647A}
p { font-family: Arial, Verdana; font-weight: normal; margin-top: 0}
a { text-decoration: none; font-weight: bold; color: #FF6600; }
a:hover { text-decoration: underline; }
ul {list-style-type: none;padding: 0;margin: 0 0 0 2em}
ol {list-style-type: decimal; padding: 0;margin: 0 0 0 2em}
li {margin: 0px; padding: 0 0 .2em 1.5em; }
hr { height: 1px; border-top: 1px solid #85ABBA; }
img {border:none}

div.hlist ul li {display:inline; list-style-type:square}

ol.legal li {margin:0.5em 0 0 0 ; padding:0;font-weight:bold}
ol.legal li li {margin:0.5em 0 0 0; padding:0;font-weight:normal;}

.columnhelppopup { font-family: Arial, Verdana; font-size: 12px; color: #000000; margin:0; padding:0}

.floatright {float:right}
.clearboth {clear:both}

ul.center {text-align:center}
ul.center li{background-image:none}

table.memberbenefits {padding:0; margin: 0;}

.center {text-align:center}
.bold {font-weight:bold}
.red {color:red}

/* Sidebar Menu */

ul.fxhierarchy { display: block; font-size: 0.9em; width:165px; margin:0; padding:0; list-style-type:none; font-variant:small-caps;color: #999999;}
ul.fxhierarchy li { font-weight:bold; vertical-align:middle; line-height: 1.6em;  margin: 1px 0 0 0; }
ul.fxhierarchy li a { display:block; padding-left:5px; text-decoration: none; color: #999999;}
ul.fxhierarchy li a:hover {text-decoration: none;}

ul.fxhierarchy li.default { display: block; color: #999999; line-height: 1.6em; text-decoration: none; border-bottom: 1px solid #3399CC; background-image: url(images/menu_default_background.gif); background-repeat: no-repeat; background-position: left; }
ul.fxhierarchy li.default a {  }
ul.fxhierarchy li.default a:hover { color: #3399CC; background-image: url(images/menu_hover_background.gif); background-repeat: repeat-y; background-position: right; }

ul.fxhierarchy li.level1 { display: block; color: #999999; line-height: 1.6em; border-bottom: 1px solid #3399CC; background-image: url(images/menu_default_background.gif); background-repeat: no-repeat; background-position: left; }
ul.fxhierarchy li.level1 a:hover { color: #3399CC; background-image: url(images/menu_hover_background.gif); background-repeat: repeat-y; background-position: right; }

ul.fxhierarchy li.level2 { display: block; color: #666666; line-height: 1.6em; border-bottom: 1px solid #3399CC;  background-image: url(images/menu_level2_background.gif); background-repeat: no-repeat; background-position: left; }
ul.fxhierarchy li.level2 a:hover { background-color: #FED2AF; color: #999999; }

ul.fxhierarchy li.level3 { display: block; color: #666666; line-height: 1.6em; border-bottom: 1px solid #3399CC; background-color: #CCCCC8; background-image: url(images/menu_level2_background.gif); background-repeat: no-repeat; background-position: left; }
ul.fxhierarchy li.level3 a:hover { background-color: #FF6600; color: #FFFFFF; }

ul.fxhierarchy li.selected { display: block;  line-height: 1.6em; color: #3399CC; font-weight: bold; background-image: url(images/menu_default_background.gif); background-repeat: no-repeat; background-position: left; }
ul.fxhierarchy li.selected a { color: #3399CC; }
ul.fxhierarchy li.selected:hover {  }


body.columnhelppopup {font-family: Arial, Verdana; font-size: 12px; color: #000000; margin:0; padding:0; padding: 0px; margin: 0px; }
div#columnhelppopup { font-family: Arial, Verdana; font-size: 12px; color: #000000; background-color: #FFFFFF; padding: 0px; }
div#columnhelppopup div.columnhelptitle { display: block; position: absolute; top: 0px; width: 100%; background-color: #6688BB; padding: 3px; color: #FFFFFF; font-size: 14px; font-weight: bold; text-align: center; }
div#columnhelppopup div.columnhelpclose { display: block; position: absolute; bottom: 0px; width: 100%; background-color: #6688BB; padding: 3px; text-align: center; }
div#columnhelppopup div.columnhelpclose input { font-size: 10px; }
div#columnhelppopup div.columnhelpbody { font-family: Arial, Verdana; font-size: 12px; color: #000000; padding: 15px 10px 0px 10px; }



/* Header Login */

.login-header-label{ color: #FFFFFF; padding-left: 5px; padding-right: 5px; }
.login-header-control{ color: #000000; width: 70px; height: 17px; border: 0; }
.login-header-label-loggedin{ color: #FFFFFF; }
.login-header-button{ color: #FFFFFF; background-color: #396679; border: 1px solid #FFFFFF; width: 50px; height: 17px; font-size: 10px; }

/* Breadcrumb Menu */

div.breadcrumb { display: inline; }
div.breadcrumb .spacer{ font-family: Arial, Verdana; font-size: 12px; color: #FFFFFF; font-weight: normal; }
div.breadcrumb .item{ font-family: Arial, Verdana; font-size: 12px; color: #FFFFFF; font-weight: bold; }
div.breadcrumb .last{ font-family: Arial, Verdana; font-size: 12px; color: #FFFFFF; font-weight: normal; }

/* Panels - Sidebar */

#fxpage-sidebar .panel { width: 162px; float: left; margin-left: 4px; clear: both; }
#fxpage-sidebar .panel .header { font-weight: bold; font-size: 11px; color: #013990; text-align: center; }
#fxpage-sidebar .panel .body {  }
#fxpage-sidebar .panel .footer {  }

/* Panels - Panelbar */

.panelbar-panel { border-bottom: 2px solid #FFFFFF; }
.panelbar-panel .header { padding: 2px 2px 2px 5px; font-weight: bold; color: #013990; font-size: 11px; }
.panelbar-panel .body { padding: 5px 5px 5px 5px; color: #013990; font-size: 10px; }
.panelbar-panel .footer { padding: 2px 5px 2px 0px; color: #013990; }
.panelbar-panel a { color: #CC0000; }

/* Panel - Mode 1 */

#panel1 { border: 1px solid #85ABBA; background-color: #F9FAFA; padding: 10px; }
#panel1-header { vertical-align: top; height: 22px; color: #175F82; font-size: 12px; font-weight: bold; padding-left: 5px; }
#panel1-body { vertical-align: top; font-size: 10px; color: #175F82; }
#panel1-body p { margin-top: 2px; }
#panel1-footer { height: 30px; background-color: #175F82; color: #FFFFFF; font-size: 10px; font-weight: bold; vertical-align: middle; padding-left: 20px; background-image:url('images/orangeblock.gif'); background-repeat: no-repeat; background-position: left; }
#panel1-footer a { display: block; color: #FFFFFF; }
#panel1-footer a:hover { display: block; color: #FFFFFF; text-decoration: underline; }

#datablock-row  { padding: 3px; }
#datablock-cell-header { display: inline; width: 150px; font-weight: bold; }
#datablock-cell-content { display: inline; }

/* Actions */

a.action .left { float: left; cursor: pointer; width: 10px; height: 21px; background-image:url('images/actions/left.gif'); background-repeat: no-repeat; }
a.action .center { float: left; cursor: pointer; font-size: 11px; font-weight: bold; color: #FFFFFF; padding-top: 3px; height: 21px; background-image:url('images/actions/center.gif'); background-repeat: repeat-x; }
a.action .right { margin-right: 3px; float: left; cursor: pointer; width: 10px; height: 21px; background-image:url('images/actions/right.gif'); background-repeat: no-repeat; }

a.actionover .left { float: left; cursor: pointer; width: 10px; height: 21px; background-image:url('images/actions/leftover.gif'); background-repeat: no-repeat; }
a.actionover .center { float: left; cursor: pointer; font-size: 11px; font-weight: bold; color: #FFFFFF; padding-top: 3px; height: 21px; background-image:url('images/actions/centerover.gif'); background-repeat: repeat-x; }
a.actionover .right { margin-right: 3px; float: left; cursor: pointer; width: 10px; height: 21px; background-image:url('images/actions/rightover.gif'); background-repeat: no-repeat; }

a.actiondisabled .left { float: left; cursor: default; width: 10px; height: 21px; background-image:url('images/actions/leftdisabled.gif'); background-repeat: no-repeat; }
a.actiondisabled .center { float: left; cursor: default; font-size: 11px; font-weight: bold; color: #CCCCCC; padding-top: 3px; height: 21px; background-image:url('images/actions/centerdisabled.gif'); background-repeat: repeat-x; }
a.actiondisabled .right { margin-right: 3px; float: left; cursor: default; width: 10px; height: 21px; background-image:url('images/actions/rightdisabled.gif'); background-repeat: no-repeat; }

/* Newslist */

div.newslist .row0 { background: #FFFFFF; margin-left: 2px; padding-bottom: 3px; padding-left: 3px;}
div.newslist .row1 { background: #D4D9EC; margin-left: 2px; padding-bottom: 3px; padding-left: 3px;}
div.newslist .date { }

/* Presslist */
div.presslist .row0 		{ background: #FFFFFF; margin-left: 2px; padding-bottom: 3px; padding-left: 3px;}
div.presslist .row1 { background: #D4D9EC; margin-left: 2px; padding-bottom: 3px; padding-left: 3px;}
div.presslist .date { }


/* Scroller */

div.scroller {  }
div.scroller .item {font-size: 10px; color: #175F82;}
div.scroller .body {font-size: 12px; color: #FFFFFF;}
div.scroller .frame {}
ul {list-style-type: none;padding: 0;margin: 0 0 0 0}


/* Notes in main body and in fxForms */

div.note {float: right; width: 25%; height: auto; margin: 0px 3px 0px 0px; padding: 5px; border: 1px solid #666666; background-color: #ffffe1; color: #666666; font-size: 88%;}
div.note h4 {margin: 0px 0px 3px 0px; background-image: url(images/icon_info.gif); background-repeat: no-repeat; background-position: top left; padding: 3px 0px 3px 20px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #666666; color: #666666; font-size: 110%;text-align:right}
div.note p { margin: 0em 0em 0em 0em; color: #666666;}


/* Progress Column */

div#progress { width:100px; border: 1px solid #002277; text-align: center; }
div#progress .label { }
div#progress .left { background-color: #FFFF55; }
div#progress .right { background-color: #00FFFF; }


.message {color:red; font-weight:bold;}
/* Login Panel
#fxFormLogin { width: 260px; height: 60px; position: absolute; top: 40px; right: 0px; margin: 0px; padding: 0px; }
#fxFormLogin fieldset { border: 0; }
#fxFormLogin input.text { float: left; border: 1px solid #013990; width: 90px; height:12px; vertical-align:top; margin-left:5px; color: #013990; font-size: 10px; background-repeat: no-repeat; background-position: left top; }
#fxFormLogin input.submit { float: left; height: 17px; font-size: 10px; width: 50px; margin-left:5px; }



#fxFormLogin { width: 300px; height: 60px; position: absolute; top: 0px; left: 485px; margin: 0px; padding: 0px; }
#fxFormLogin fieldset { border: 0; }
#fxFormLogin #rowusername { position: absolute; right: 120px; bottom: 5px; text-align: right; }
#fxFormLogin #rowuserpass { position: absolute; right: 53px; bottom: 5px; text-align: right; }
#fxFormLogin #rowsubmit { position: absolute; right: 0px; bottom: 5px; }
#fxFormLogin #rowusername label { display: none; position: absolute; right: 67px; top: 4px; font-size: 20px; color: #013990; text-align: right; }
#fxFormLogin #rowuserpass label { display: none; position: absolute; right: 67px; top: 4px; font-size: 10px; color: #013990; text-align: right; }
#fxFormLogin #rowusername input { border: 1px solid #013990; width: 100px; height:12px; vertical-align:top; margin-left:0px; color: #013990; font-size: 10px; background-repeat: no-repeat; background-position: left; }
#fxFormLogin #rowuserpass input { border: 1px solid #013990; width: 60px; height:12px; vertical-align:top; margin-left:0px; color: #013990; font-size: 10px; background-repeat: no-repeat; background-position: left; }
#fxFormLogin #rowsubmit input { height: 18px; font-size: 10px; width: 50px; }
*/

#fxpage-login { width: 300px; height: 80px; text-align: right; font-size: 10px; padding: 10px; }
#fxpage-login label { }
#fxpage-login input.text { width: 100px; font-size: 11px; margin-bottom: 2px; }
#fxpage-login input.button { font-size: 11px; margin-right: 3px; }

#fxpage-login .loggedin { padding-top: 20px; }
#fxpage-login .loggedin .label { font-size: 1.2em; font-weight: bold; }
#fxpage-login .loggedin .options {  }
#fxpage-login .loggedin .options a { color: #3399CC; }

div.flag { width: 52px; text-align: center; float:left}
div.flag img { border: 1px solid #3399CC;}