html {height: 101%} /* Create a scrollbar in Mozilla */
body {margin: 0; padding: 0; background: #f1eae2 url("images/bg_main.gif") repeat-y center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; text-align: center; color: #000}
.hidden {display: none}
.clear {clear: both}
a img {border: none}
a {text-decoration: underline; color: #0a4883/*#BD0F1C*/}
/*a:visited {color: #0a4855 !important}*/
a:hover {text-decoration: none; color: /*#0089cf*/#a20d18/* !important*/}

.centre {text-align: center}
.flleft {float: left !important}
.flright {float: right !important}
img.flleft {margin: 0px 7px 4px 0px}
img.flright {margin: 0px 0px 4px 7px}
.up {color: #093; font-weight: bold}
.down {color: #bf0000; font-weight: bold}
acronym {border-bottom: 1px dotted; cursor: help}
kbd, tt, code {font-size: 110%}
#textcontent * > kbd, #textcontent * > tt, #textcontent * > code {font-size: 130%}

#container {background-color: #fff; clear: both; width: 992px; width/**/:/**/ 990px; text-align: left; margin: auto; border: solid #999; border-width: 0px 1px}

#masthead {background-color: #fff}

#topad {float: right; padding: 17px 11px; text-align: center}
#topad div {width: 728px; margin: 0px auto}
#logo {float: left; padding: 42px 0 0 11px}
#masthead .clear {font-size: 1px}

/* Maintainance */
.maintainance div { text-align:justify;width: 90%; margin: auto; border: 1px solid #cdcdcd; padding-left:10px; padding-right:10px; padding-bottom:10px}

/* New Navigation Styles - Correcting IE6 Problems */

#navcontainer {background-color: #ebe1d6; border: solid #aaa; border-width: 1px 0px}
#nav, #nav ul {float: left; list-style: none; padding: 0; margin: 0; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 75%; background-color: #ebe1d6; text-transform: uppercase}
#nav a {color: #231f20; text-decoration: none; white-space: nowrap; padding: 3px 10px; line-height: 210%}
#nav a strong {font-weight: normal}
#nav li {float: left; text-align: center; background-color: #ebe1d6; border: solid #aaa; border-width: 0px 1px 0 0px; color: #454545; cursor: pointer !important; padding: 0 5px; padding/**/:/**/ 0}
/*\*//*/
#nav li {float: none; display: inline}
/**/
#nav li.last {margin: 0}

/* Should we have drop downs, we need to style these */

/*#nav li ul {position: absolute;left: -999em; height: auto;font-weight: normal; margin: 0;font-size: 100%; text-align: left; border: solid #a5a5a5; border-width: 0px 1px 1px 0px !important}
#nav li li {padding: 0; margin: 0; float: none;background: #fdfdfd url(../images/nav_bg_layer2.jpg) repeat-x bottom !important; border: solid #bcbcbc; border-width: 0px 1px 1px 1px; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold}
#nav li ul a {text-align: left; padding: 2px 10px; color: #464646}
#nav li ul li > a {padding: 4px 10px}
#nav li ul a:hover {color: #0a4883 !important; text-decoration: underline}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto}*/
#nav li:hover, #nav li.sfhover {background-color: #fefefe}
#nav li:hover a, #nav li.sfhover a {color: #231f20}
#nav li.current {background-color: #028ad0}
#nav li.current a {color: #fff}


/* Styles for the tables */
.odd {background-color:#F9F9F9; border-right: 1px solid #dddddd }



.heading_table { border-color:#DDDDDD; background-color:#f9f9f9}
.table_style {border: 1px solid #DDDDDD}



#daterssbox {font-size: 70%; margin: 10px 23px -5px 20px}
#daterssbox p {margin: 0}
#date {float: left;}
#date strong {color: #333}
#rss {float: right}
#rss a {text-transform: uppercase; text-decoration: none; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif}
#rss a img {margin-bottom: -2px; border: none}
#daterssbox .clear {line-height: 1px; font-size: 1px; height: 1px}







/* Interim page */

.interim_box {width: 550px; height: 338px; overflow: hidden; background: url(../images/interim_all.gif) no-repeat; position: relative}

.interim_box h1 {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 200%; word-spacing: 2px; margin: 0; color: #613318; padding: 10px}

/*.interim_box h1 { font-size: 110%; all word-spacing: 2px; margin: 0; line-height:22px; /*background: url(../images/app2.jpg) no-repeat 353px bottom; color: #222; padding: 10px} */
.interim_box .content1 {/*background: url(../images/app1.jpg) no-repeat 353px top; */border-top: 0px solid #61a7cc; color: #333; padding-top: 5px} 



#primarycol1 .contentbox1 {width: 550px}
#primarycol1 .contentbox1 {background: #fff url(../images/bg_box_550_middle.gif) repeat-y}
#primarycol1 .contentbox1#main_signup_box1 {background-image: url(../images/bg_mainsignupbox_550_middle.gif)}
#primarycol1 {width: 650px; float:none; padding: 21px 0px 15px 180px;  font-size: 70%}
#primarycol1 .contentbox1 .top1 {background: url(../images/bg_box_550_top.gif) no-repeat; font-size: 1px; height: 2px}
#primarycol1 .contentbox1#main_signup_box1 .top {background-image: url(../images/bg_mainsignupbox_550_top.gif); background-color: #007cbf }
#primarycol1 .contentbox1#main_signup_box1 .bottom {background: #fff url(../images/bg_mainsignupbox_550_bottom.gif)}
#primarycol1 .contentbox1 .bottom {clear: both; background: #fff url(../images/bg_box_400_bottom.gif) no-repeat; height: 3px; font-size: 1px}
#primarycol1 .contentbox1#main_signup_box1 .bottom {background: #fff url(../images/bg_mainsignupbox_550_bottom.gif)}

/* added by Clinton for /belldirectdemo - INFBM-3925 */
#primarycol2 .contentbox1 {width: 850px}
#primarycol2 .contentbox1 {background: #fff url(../images/bg_box_550_middle.gif) repeat-y}
#primarycol2 .contentbox1#main_signup_box1 {background-image: url(../images/bg_mainsignupbox_550_middle.gif)}
#primarycol2 {width: 850px; float:none; padding: 21px 0px 15px 80px;  font-size: 70%}
#primarycol2 .contentbox1 .top1 {background: url(../images/bg_box_550_top.gif) no-repeat; font-size: 1px; height: 2px}
#primarycol2 .contentbox1#main_signup_box1 .top {background-image: url(../images/bg_mainsignupbox_550_top.gif); background-color: #007cbf }
#primarycol2 .contentbox1#main_signup_box1 .bottom {background: #fff url(../images/bg_mainsignupbox_550_bottom.gif)}
#primarycol2 .contentbox1 .bottom {clear: both; background: #fff url(../images/bg_box_400_bottom.gif) no-repeat; height: 3px; font-size: 1px}
#primarycol2 .contentbox1#main_signup_box1 .bottom {background: #fff url(../images/bg_mainsignupbox_550_bottom.gif)}
/* ----- */
h2#afraccess_hp_promo_footer a {display: block; color: #616a6d; text-decoration: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; padding: 37px; background: #fbfbfb url(http://www.afraccess.com/images/afr_access_logo.gif) no-repeat 5px 5px}



.contentbig { font-size: 120%}
#primarycol .contentbox1 {width: 550px}
#secondarycol .contentbox1 {width: 550px}
#secondarycol .contentbox1#mediumadbox {width: 550px; border: none !important}
.contentbox1 {margin-bottom: 20px}
.contentbox1 img {margin: 0px 7px 4px 0px}
.contentbox1#features img {float: none; margin: 0}
.contentbox1 p {margin: 10px 0}
#secondarycol .contentbox1 p {margin-left: 5px !important}
.contentbox1 ul {margin: 0; padding: 0; list-style-type: none; line-height: 140%}

#primarycol .contentbox1 {background: #fff url(../images/bg_box_550_middle.gif) repeat-y}
#primarycol .contentbox1#main_signup_box1 {background-image: url(../images/bg_mainsignupbox_550_middle.gif)}
#secondarycol .contentbox1 {background: #fff url(../images/bg_box_550_middle.gif) repeat-y}
#secondarycol .contentbox1.dark {background: #aeaeae url(../images/bg_box_300_dark_middle.gif) repeat-y}
#primarycol .contentbox1 .top {background: url(../images/bg_box_400_top.gif) no-repeat; font-size: 1px; height: 3px}
#primarycol .contentbox1 .top1 {background: url(../images/bg_box_550_top.gif) no-repeat; font-size: 1px; height: 2px}
#primarycol .contentbox1#main_signup_box1 .top {background-image: url(../images/bg_mainsignupbox_550_top.gif); background-color: #aeaeae }
#secondarycol .contentbox1 .top {background: url(../images/bg_box_300_top.gif) no-repeat; font-size: 1px; height: 3px}

#secondarycol .contentbox1.dark .top {background: #aeaeae url(../images/bg_box_300_dark_top.gif) no-repeat; font-size: 1px; height: 3px}

.contentbox1.dark h1 {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 150%;  word-spacing: 2px; margin: 0; color: #fff}
.contentbox1.dark .flright a {font-weight: bold; color: #fff; padding: 0 18px 3px 0; background: url(../images/bg_circled_arrow_r.gif) no-repeat right 2px; line-height: 125%}
#main_signup_box1 .content1 {border-top: 0px solid #61a7cc; color: #333; padding-top: 5px} 
#main_signup_box1 h1 {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 200%; word-spacing: 2px; margin: 0; ; background: #511e4a /* url(../images/app2.jpg) no-repeat 353px bottom*/; color: #000; padding: 10px}


#threesteps1 {font-family: Arial, Helvetica, sans-serif; font-size: 180%; color: #444; padding: 3px 0}
#threesteps1 span {font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #e3e3e3; font-weight: bold; font-size: 120%}

.access {font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 160%; color: #444444}

#threestepsol1 {margin: 0; padding: 10px 0 0 15px; list-style-type: none}
#threestepsol1 li {font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 160%; background: url(../images/bg_3steps_numbers.gif) no-repeat 0 0; text-indent: 46px; margin-bottom: 10px; color: #0078c3}
.basic {font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 120%; color: #444444}

#watermark {clear: both; background: #fff url(../images/logo_watermark.gif) no-repeat 80px}

.content1 {margin: 0 1px; padding: 10px} 
#primarycol .contentbox1 .bottom {clear: both; background: #fff url(../images/bg_box_400_bottom.gif) no-repeat; height: 3px; font-size: 1px}
#primarycol .contentbox1#main_signup_box1 .bottom {background: #fff url(../images/bg_mainsignupbox_550_bottom.gif)}
#secondarycol .contentbox1 .bottom {clear: both; background: #fff url(../images/bg_box_300_bottom.gif) no-repeat; height: 3px; font-size: 1px}
#secondarycol .contentbox1.dark .bottom {clear: both; background: #007cbf url(../images/bg_box_300_dark_bottom.gif) no-repeat; height: 3px; font-size: 1px}
.contentbox1#main_signup_box1 .bottom {background-color: #007cbf}
.contentbox1 h2 {background-color: #fff !important; margin: 0 !important; border: none !important; padding: 0 3px 0 3px; color: #e3e3e3 !important}
.contentbox1 h2 span {text-transform: lowercase}
.contentbox1 h2 a {color: #e3e3e3; text-decoration: none}

#flash{width:550px}
.flashplayer {font-weight:bold; margin: 0 !important; text-transform: uppercase; color: #444444; font-size: 110% !important}


/* End of Styles in Interim page */






#primarycol {width: 650px; float: left; padding: 13px 0px 15px 20px; font-size: 70%; clear: both}
#primarycol .contentbox {width: 400px}
#secondarycol {width: 300px; float: left; padding: 13px 0 15px 20px; padding/**/:/**/ 13px 0 15px 0; font-size: 70%}
#mainbox > #secondarycol {padding-top: 10px}
#secondarycol .contentbox {width: 300px}
#secondarycol .contentbox#mediumadbox {width: 300px; border: none !important}
.contentbox {margin-bottom: 25px}
.contentbox img {float: left; margin: 0px 7px 4px 3px}
.contentbox p {margin: 10px 5px 0 0}
#secondarycol .contentbox p {margin-left: 5px !important}
.contentbox ul {margin: 0; padding: 0; list-style-type: none; line-height: 140%}
/*#latestnewsbox {margin-top: 8px}*/
#promobox {width: 215px; /*float: left*/; margin: 0 0 15px 15px}
#promobox .top {background: url(../images/bg_markets_top.gif) no-repeat; height: 6px; line-height: 1px; font-size: 1px}
#promobox .bottom {background: url(../images/bg_markets_bottom.gif) no-repeat; height: 6px; line-height: 1px; font-size: 1px}
#promocontentsbox {font-size: 90%; padding: 0 6px; background: #fff url(../images/bg_markets_middle.gif) repeat-y}
#promocontentsbox h4 {margin: 0 !important; border-bottom: 1px solid #c7dff3; text-transform: uppercase; color: #007cbf; font-size: 125% !important}
#promocontentsbox h4 a {text-decoration: none}
#promocontentsbox p {margin: 0; padding: 6px 0}

/* Used for markets data */

#mb_currencies {display:none}
#promocontentsbox div h4 {display: none}
#promocontentsbox #headinglinks ul {width: 100%; margin: 0; padding: 0; list-style-type: none}
#promocontentsbox #headinglinks ul li {float: left; padding: 0 2px 0 2px; border-bottom: 1px solid #c7dff3; position: relative}
#promocontentsbox #headinglinks ul li a {float: left; display: block; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #007CBF; font-size: 130%; padding: 0}
#promocontentsbox #headinglinks ul li.current {background: #fff url(../images/bg_markets_tab_l.gif) no-repeat left -1px; padding-left: 4px}
#promocontentsbox #headinglinks ul li.current a {background: #0081C4 url(../images/bg_markets_tab_r.gif) no-repeat right top; color: #fff; padding-right: 4px}

#promocontentsbox ul {margin: 10px 0; padding: 0; list-style-type: none}
#promocontentsbox ul li {display: inline; padding: 0 5px}
#promocontentsbox ul li.current a {font-weight: bold; text-decoration: none}
#promocontentsbox table {margin: 7px 0; font-size: 100%; width: 198px}
#promocontentsbox th {display: none}
#promocontentsbox td {background-color: #fff}
#promocontentsbox .col1 {width: 85px}
#promocontentsbox td div {text-align: right} 
#promocontentsbox #afrlogo p {text-align: center; margin-bottom: 0; padding-bottom: 15px}
#promocontentsbox #afrlogo img {position:relative; top:12px; margin:0 5px}

.contentbox.sitesectionbox .snookerslider {border-color: #ddd}
.sitesectionbox {clear: both; width: 629px !important}
.sitesectionboxcontent {border: solid #ddd; border-width: 0 1px; padding: 10px}
.sitesectionboxcontent h3 {display: none}
.sitesectionboxcontent h4 {margin-top: 0 !important; font-size: 135% !important}
.sitesectionboxcontent strong, .contentbox strong {color: #333}
.sitesectionboxcontent dt {font-weight: bold}
.sitesectionboxcontent dd {margin: 5px 5px 10px 15px}
.sitesectionboxcontent img {/*border: 1px solid #777*/}
.sitesectionboxbottom {background: url(../images/bg_sitesectionbox_lg_bottom.gif) no-repeat bottom; height: 8px; line-height: 1px; font-size: 1px}

#afraccesspromobox {clear: both; width: 100%}
#mainbox h2 {font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 140%; margin: 0 1px 5px 1px; text-transform: uppercase; color: #333; background-color: #f9f9f9; padding: 0 0 2px 5px}
#mainbox h2 .rssfeed a {float: right; text-transform: uppercase; text-decoration: none; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 70%; font-weight: normal; padding-top: 5px}
#mainbox h2 .rssfeed a img {margin-bottom: -2px; border: none}
#mainbox h2 em {color: #007CBF; font-style: normal; font-family: Arial, Helvetica, sans-serif; padding-left: 3px}
#secondarycol .contentbox h4 {margin-left: 5px !important}
#secondarycol .contentbox h3 {margin: 8px 0 0 0; font-size: 150%; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif}

/*
#coverstorybox h3 {background: #000 url(../images/cover_story_img_top.jpg) no-repeat left bottom; width: 398px; height: 44px; margin: 0; border: solid #666; border-width: 1px 1px 0 1px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 210%; text-transform: none; font-weight: normal; overflow: auto}*/
/*\*//*/
/*#coverstorybox h3 {width: auto; height: auto; overflow: visible}*/
/**/
/*#coverstorybox h3 a {color: #fff; text-decoration: none; display: block; padding: 8px 12px 7px 12px; width: 372px; height: 27px}
#coverstorybox img {border: solid #666; border-width: 0px 1px 1px 1px; float: none; margin: 0; display: block}
#coverstorybox p {margin: 0; width: auto; padding: 8px 8px 10px 8px; border: solid #d4d4d4; border-width: 0 1px 1px 1px; background-color: #f9f9f9}
*/



#coverstorybox h3 {background: #000 url(../images/cover_story_img_top.jpg) no-repeat left bottom; width: 398px; height: 44px; margin: 0; border: solid #666; border-width: 1px 1px 0 1px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 210%; text-transform: none; font-weight: normal; overflow: auto}
/*\*//*/
#coverstorybox h3 {width: auto; height: auto; overflow: visible}
/**/
#coverstorybox h3 a {color: #fff; text-decoration: none; display: block; padding: 8px 12px 7px 12px; width: 372px; height: 27px}
#coverstorybox img {border: solid #666; border-width: 0px 1px 1px 1px; float: none; margin: 0; display: block}
#coverstorybox p {margin: 0; width: auto; padding: 8px 8px 10px 8px; border: solid #d4d4d4; border-width: 0 1px 1px 1px; background-color: #f9f9f9}








/*
#coverstoryarticle {background: #f2ebe3 url(../images/cover_story_img_bottom_new.jpg) no-repeat}
#coverstorybox h3 {margin: 0; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 200%; text-transform: none; font-weight: bold; padding: 7px 10px}
#coverstorybox h3 a {color: #e939de}
#coverstorybox img {float: none; margin: 0; display: block}
#coverstorybox p {margin: 0; padding: 7px 10px; color:#fff; text-align:justify}
#coverstorybox p a {color:#fff}
*/
#mainbox h4 {margin: 4px 0 0 0; font-size: 130%; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif}

#utilitylinksbox {clear: both; background: #f9f9f9 url(../images/bg_box_300_middle.gif) repeat-y; border-top: 1px solid #ddd; margin-top: 15px; padding: 4px 3px 6px 8px; text-align: center}
#utilitylinksbox li {display: inline; padding-right: 4px; font-weight: bold; font-size: 90%}
#mediumadbox img {float: none; margin: 0}
.prevnextlinks {margin: 0; padding: 0; list-style-type: none}
.prevnextlinks li {/*font-size: 80%; */margin-top: 5px; padding: 0px 3px; font-weight: bold}
/*.prevnextlinks li a {color: #0089cf}*/
.prevnextlinks .previous {float: left}
.prevnextlinks .next {float: right}

#fbmfeaturedboxcontainer {width: 300px; height: 152px; overflow: hidden; background: #fdfdfd url(../images/bg_fbm_featured_all.gif) no-repeat; position: relative}
#fbmfeaturedboxcontainer .contentbox {height: 152px; overflow: auto; background-color: #fdfdfd; position: absolute; left: 0; top: 0}
#fbmfeaturedfooter {clear: both; background: #f9f9f9 url(../images/bg_box_300_middle.gif) repeat-y; border-top: 1px solid #ddd; margin-bottom: 25px; padding: 4px 3px 0px 8px; text-align: center}
#fbmfeaturedfooter .bottom {background: #f9f9f9 url(../images/bg_box_300_bottom.gif) no-repeat; height: 3px; font-size: 1px; margin: 5px -3px 0 -8px}

#fbmfeaturedfooter .prevnextlinks ul {margin: 0; padding: 0}
#fbmfeaturedfooter .prevnextlinks li {font-size: 90%; margin: 0; padding: 3px 5px 1px 0}
#fbmfeaturedfooter .clear {line-height: 1px; font-size: 1px}
/*#fbmfeaturedboxcontainer li a {color: #00386f}*/
#fbmfeaturedboxcontainer .contentbox {margin-bottom: 0}
#fbmfeaturedboxcontainer img {float: right; margin: 0px 6px 4px 7px}
#fbmfeaturedboxcontainer h5 {margin: 10px 0 0 4px; font-size: 110%; color: #222}
#fbmfeaturedboxcontainer p {margin: 5px 0 0 0}

#downunderdogs, #downunderdogs .bottom {background-color: #FFECD1 !important}
#downunderdogs .top, #downunderdogs h2 {background-color: #fecf8c !important; border-color: #fff !important}
#downunderdogs img {border: 1px solid #777}

form#snappoll {margin: 0}
form#snappoll input {margin: 0 0 -3px 10px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; font-size: 100%}
form#snappoll > input {margin: 5px 0px -3px 15px}
form#snappoll input.btn {margin: 3px 0px 3px 5px}
form#snappoll strong {color: #333}



/* Shares Tables - Added 13/06/06 */

hr {color: #ddd; background-color: #ddd; height: 1px; border: none; margin-bottom: 8px}
#textcontent > hr {margin: 20px 0}

#sharetable_infobox {float: right; margin: 0 0 5px 10px; width: 240px}

.sharetable_innerbox {background-color: #f9f9f9; padding: 5px 6px 5px 5px; /*float: left*/; margin: 0 7px 7px 0; font-size: 100%; font-family: Tahoma, Arial, Helvetica, sans-serif; border: 1px solid #ccc}
.sharetable_innerbox h4 {color: #05578e; margin: 0 !important; font-size: 120% !important}
.sharetable_innerbox ul {list-style-type: none; margin: 0; padding: 6px 3px 0 0; /*float: left*/}
.sharetable_innerbox li {background: url(../images/bg_bullet_sharestables_infobox.gif) no-repeat 4px 5px; text-indent: 19px; padding-left: 3px}

.sharetable_innerbox1 {background-color: #f9f9f9; padding: 5px 6px 5px 5px; /*float: left*/; margin: 0 7px 7px 0; font-size: 100%; font-family: Tahoma, Arial, Helvetica, sans-serif; border: 1px solid #ccc}
.sharetable_innerbox1 h4 {color: #05578e; margin: 0 !important; font-size: 120% !important}
.sharetable_innerbox1 ul {list-style-type: none; margin: 0; padding: 6px 3px 0 0; /*float: left*/}


#sharetable_flleft_box {float: left; width: 350px}

.sharetable_listing {border: 1px solid #ccc; margin-bottom: 15px}
.sharetable_listing h3 {font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif !important; font-size: 120% !important; margin: 0 !important; color: #333 !important; clear: both !important; padding: 3px 6px !important; background-color: #e9f2f8; border-bottom: 1px solid #ccc}
.sharetable_listing ul {margin: 0; padding: 10px 10px 10px 0px; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 105%}
.sharetable_listing li {margin-right: 10px; background: url(../images/bg_bullet_sharestables_listing.gif) no-repeat 10px 5px; padding-left: 25px}




/* Footer Styles */

#footer {background: #373737 url(../images/diagonal_tile.gif); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 65%; font-weight: bold; color: #f9f9f9; text-align: center; border-top: 3px double}
#footer a {color: #eaeaea}
/*Put in for go-live #footer a:visited {color: #c8c8c8}*/
#footer ul {margin: 0 auto; padding: 10px 0 13px 0; list-style-type: none}
#footer li {display: inline; margin: 0 11px}

/* New Styles */

#secondarycol .contentbox {background: #fff url(../images/bg_box_300_middle.gif) repeat-y}
#secondarycol .contentbox h2 {border-bottom: 1px solid #ddd}
#secondarycol .contentbox .top {background: #f9f9f9 url(../images/bg_box_300_top.gif) no-repeat; height: 3px; font-size: 1px}
#secondarycol .contentbox .bottom {clear: both; background: #fff url(../images/bg_box_300_bottom.gif) no-repeat; height: 3px; font-size: 1px}
#secondarycol .contentbox #utilitylinksbox .bottom {margin: 5px -3px -6px -8px; background-color: #f9f9f9}

/* Article & Normal Text-heavy Page */

#textcontent {padding-right: 20px; color: #333}
#textcontent h2 {color: #0089cf; text-transform: uppercase; font-size: 95%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin: 0; padding: 13px 0 0 0; background: none}
#textcontent h2.articleheader {padding-top: 0}
#textcontent h3 {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 200%; color: #232323; margin: 5px 0; font-weight: normal}
#textcontent h1.pageheader {font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif; font-size: 150%; text-transform: uppercase; color: #333; font-weight: bold; margin: 0}
#textcontent h3.contentheader {font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif; font-size: 115%; font-weight: bold; margin: 20px 0}
#textcontent h4 {font-size: 135%; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif}
#textcontent p {line-height: 130%; margin: 1.5% 0}
#textcontent > p {line-height: 130%; margin: 2% 0}
#textcontent li {line-height: 130%; margin: 0 0 8px 0}
#textcontent .teaser {color: #232323; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 120%; margin: 0}
#textcontent .teaser a {font-family: Arial, Helvetica, sans-serif}
#textcontent .authorpubdate {font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 5px 0 10px 0}
#textcontent span.author {color: #777}
/* #textcontent img {border: 1px solid #666} */
ul#articleutils {margin: 0; padding: 5px 0; list-style-type: none}
ul#articleutils li {display: inline; font-family: Arial, Helvetica, sans-serif; margin-right: 15px}
ul#articleutils li a {padding-left: 20px; background/**/:/**/ url(../images/bg_icons_comment_print_totop.gif) no-repeat}
ul#articleutils li#iconprint a {background-position: 0 1px}
ul#articleutils li#iconcomment a {background-position: 0 -92px}
.totop {float: right}
.totop a {font-family: Arial, Helvetica, sans-serif; padding-left: 20px; background/**/:/**/ url(../images/bg_icons_comment_print_totop.gif) no-repeat 0 -187px}
#Panel1
{ 
	float : right;
	/* background : #F9F5ED; */
	margin : 0px 0px 10px 10px;
	padding : 0px;
	width: auto;
}
/* Your Say Styles */

#yoursay {font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 120%}
#yoursay span {font-family: Arial, Helvetica, sans-serif; font-size: 95%; font-style: italic}
.commentsbox {background-color: #fdfdfd; border: 1px solid #d4d0c8; margin: 3px 0px 15px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; line-height: 110%}
.commentsh {background-color: #f4f4f4; padding: 4px 10px 5px 10px; border-bottom: 1px solid #bec9d5}
.commentsc {padding: 10px 15px 0px 15px}
.commentsbox > .commentsc {padding-bottom: 10px}
.commentsbox h4 {background-color: #f4f4f4; font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 100% !important; margin: 0 !important; line-height: 120%}
.commentsbox h4 a {color: #111}
.commentsbox p {margin: 1% 0 !important}
.commentsbox blockquote {clear: both; font-style: italic; color: #666; border-left: 2px solid #999; margin: 10px 5px 12px 20px; padding-left: 10px}
.commentsbox .dateposted {float: right; text-align: right; font-family: Arial, Helvetica, sans-serif; font-style: italic}
.commentsbox .dateposted span {font-weight: bold}
.commentsbox .reportcomment {float: left; background-color: #fdfdfd; text-align: left; font-family: Arial, Helvetica, sans-serif; font-style: italic; color: #585858}
.commentsbox .reportcomment a {color: #5f87ad}

#addcomment {padding-left: 11px}
#addcomment p {font-weight: bold; color: #444}
#addcomment p span {font-weight: normal; font-style: italic; color: #666; font-size: 90%}
#addcomment .nameemail {float: left; width: 210px; padding-right: 52px}
#addcomment input, textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #111; margin-top: 4px}
#addcomment textarea {width: 76.5%; height: 150px}
#addcomment .check {margin-bottom: -1px}
#addcomment .bold {font-weight: bold}

/* Newsletters - Added/copied matt's afr code  14/06/06 */

form {margin: 0; padding: 0}
fieldset {display: block; margin: 0 0 15px 0; padding: 0 1em 1em 1em; border: 1px solid #999; font-family: Tahoma, Arial, Helvetica, sans-serif}
form > fieldset {padding-top: 1em}
fieldset img {border: none !important}
fieldset p em {font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif}
legend {background-color: #e3e3e3; border: 1px solid #999999; padding: 0.2em 0.5em 0.3em 0.5em; color: #000; font-family:
 Verdana, Arial, Helvetica, sans-serif; margin: 0.5em 0}

input.subcheck {float: left; margin: 0 5px 20px 0}
fieldset p {clear: both}
p > input.subcheck {margin: 2px 15px 20px 0}

/* tradermakeoverpackage - Added  09/02/07 */
.tmopListHeadline {color:#cc0033; font-size:120%; font-weight:bold; padding: 0 0 0 20px;}
.tmopList li {margin-left:20px;}

/* EVENTS  */
#events {padding-top:5px}
#events div.event { margin:0px 10px 10px 10px; clear:right; padding-bottom:10px; border-bottom:1px solid #D4E0DF}


.calenderofeventsIcon{font-family: Arial, Verdana, Helvetica, sans-serif; width:30px; height:35px; margin:5px 5px 3px 0; float:left; background: url("/images/calendar_background.gif") no-repeat; }
.calenderofeventsamper div {color:#395468; font-weight:bold; font-size: 1.2em; margin:0pt 0pt 0pt 1px; padding:4px 0pt 0pt; text-align:center}
.calenderofeventsamper {float:left; font-family:Arial,Verdana,Helvetica,sans-serif; height:35px; margin:5px 5px 3px 0pt; width:10px}
.calenderofeventsIcon div{padding:4px 0 0 0; margin:0; text-align:center; color:#6A787F; font-size:0.9em; font-weight:normal}
.calenderofeventsIcon span{font-size:1.2em; color:#6A787F; margin:0; position:relative; top:-2px; font-weight:bold}
.eventcontainer .details {border:1px solid #AAAAAA; margin-bottom:10px; padding:5px; background:#F7F7F8 }
.eventcontainer div.details span		{ float:left; padding:4px 7px}
.eventcontainer div.details span.title	{ clear:left; width:10%; font-weight:bold; color:#5E829E}
.eventcontainer div.details span.info	{ width:80%; }

/* Events */
#events h2 {font-size: 130%; font-weight: bold;}
#events div.details   { font-size: 100%; padding:4px 0; margin:10px 0; border:1px solid #2668d2; border-left-width:5px; background-color:#F6F9F9;}
#events div.details span  { float:left; padding:4px 7px; }
#events div.details span.title {clear:left; width:12%; font-weight:bold;}
#events div.details span.info {width:80%;}
#events div.eventprogramm {border:1px solid #c4c19d;}
#events div.eventprogramm span.title {width:25%;}

.formregister fieldset {padding:10px;}
.formregister fieldset legend{font-weight:bold;}
.formregister form label		{ display:block; clear:left; margin-bottom:10px; }
.formregister form span		{ display:block; width:30%; float:left; position:relative; top:5px; }
.formregister form label.wide span	{ width:100%; height:2em; }
.formregister form label.wide input, div.textContent form label.wide select	{ margin-left:190px; }
em.required						{ color:#B32A30; font-style:normal; }
.formregister form label span.errmsg	{ width:100%; padding-bottom:2px; display:inline; position:inherit;}


/* -- positioning of the dropdown list in the top nav -- */
#fbmmasthead select {font-size:9px; border:1px solid #999999; margin-top:2px; margin-left:25px; font-family:Verdana,Arial,Helvetica,sans-serif}

.link-pdf {background: url("../images/icon-pdf.gif") no-repeat top left; padding-left: 20px; }


.rightimg {float:right} /* Q: Can we not use the .r class instead of this? */
.both {clear:both} /* Q: the .clear class eliminates the need for this */

/* FLOATS */
.l {float: left;}
.r {float: right;}

/* WIDTHS IN PERCENT */
.w1p { width: 1%;}
.w5p {width: 5%;}
.w10p {width: 10%;}
.w15p {width:15%;}
.w20p {width: 20%;}
.w25p {width: 25%;}
.w30p {width: 30%;}
.w40p {width: 40%;}
.w45p {width: 45%;}
.w50p {width: 50%;}
.w55p {width: 55%;}
.w60p {width: 60%;}
.w70p {width: 70%;}
.w80p {width: 80%;}
.w90p {width: 90%;}
.w95p {width: 95%;}
.w100p {width: 100%;}

/* Events */
#textcontent div.clear div {float:left}
.req {color:red; font-size:120%}
#textcontent p.note {color:#666666}
.r {float:right}
.l {float:left}
.both {clear:both}
.errmsg {color:#FF0000; padding-left:5px}
.selectState {width:145px}

.form-generic div.clear {padding-top:0.7em; display:block; clear:left}
.form-generic input {margin:0; padding:0}
.form-generic label { position:relative; top:-3px; left:2px}

.form-generic legend {background-color:#E3E3E3; border:1px solid #999999; color:#000000; font-family:Verdana,Arial,Helvetica,sans-serif; margin:0.5em 0pt; padding:0.2em 0.5em 0.3em}

/* events - link-pdf */
.link-pdf {background: url("../images/icon-pdf.gif") no-repeat top left; padding-left: 20px; }