/* CSS Document */ body {font-size:12px; font-family:Arial, Verdana, sans-serif; text-align:center; background:#fff; margin:0; padding:0;} hr {background-color:#999; border:0; height:1px;} a:link {color:#000; text-decoration:none;} a:visited {color:#333; text-decoration:none;} a:hover {color:#f60;} .blue,a.blue:link,a.blue:visited {color:#06c;} a.blue:hover {color:#6FB7E6;} .red,a.red:link,a.red:visited {color:#f30;} a.red:hover {color:#f60;} .orange,a.orange:link,a.orange:visited {color:#fc0;} a.orange:hover {color:#f90;} .grey,a.grey:link,a.grey:visited {color:#ccc;} a.grey:hover {color:#f90;} img {border:0px; vertical-align:middle;} #header {width:980px; clear:both; margin:auto auto;} #header #banner {background:url(/img/toronto.jpg) no-repeat top left; height:132px;} #header #headbtn {height:16px; font:bold 11px/16px Arial; margin:5px 0px 0 10px; float:left; color:#fff; background:url(/img/headbtn_bg.gif) repeat-x;} #header #time {padding:5px 0 0 10px; color:#fff; float:left;} #nav {width:100%; height:30px; margin:-30px 0 0 0; overflow:hidden;} #nav ul{margin:auto; width:100%; height:30px; list-style-type:none; padding:0px; margin-top:0px; margin-bottom:0px;} .m_li{float:left; line-height:30px; text-align:center; white-space:nowrap;} .m_li a {color:#fff; font:bold 12px/28px Arial; text-decoration:none; text-transform:uppercase; padding:0 4px; display:block;} .m_li a:hover {color:#fc0;} .m_li a:visited {color:#fff;} .m_li a.now {color:#fc0;} .m_li_a{float:left; line-height:30px; text-align:center; white-space:nowrap;} .m_li_a a{float:left; color:#fc0; font:bold 12px/28px Arial; text-decoration:none; text-transform:uppercase; padding:0 4px; display:block;} .m_li_a a:hover,.m_li_a a:visited {color:#fc0} /*.m_li_a a:visited {color:#f60}*/ .smenu{position:absolute; width:700px; height:20px; margin:0px 0px 0px 0px; list-style-type:none; text-align:left; padding:4px 10px 0 10px; z-index:999; float:left; font-size:11px;} .s_li{line-height:20px; width:auto; display:none; height:20px; } .s_li a{padding:4px 10px; line-height:20px; text-transform:uppercase; color:#666; font:bold 11px/12px Arial;} .s_li a:hover {background:#0758a7; color:#ffffff} .s_li a.now{background:#0758a7; color:#ffffff} #header #infobar {width:100%; height:24px; margin:1px 0 0 0; text-align:right; background:#fff url(/img/greybar_bg.gif) repeat-x top left; border-bottom:1px #ccc solid;} #infobar select {margin:1px 20px 0 0; height:20px; padding:0;} #infobar #login {font:bold 12px/13px Arial; padding:2px 5px 0 5px; border-left:1px #666 solid; color:#666;} #warp {width:980px; margin:auto auto; overflow:hidden;} #left {width:150px; float:left; text-align:right;} #main {width:820px; float:left; text-align:left; margin:10px 0 0 10px;} #center {width:510px; float:left; text-align:left;} #centerbody {width:540px; text-align:left; margin-left:120px;} #right {width:300px; float:right; text-align:left;} #bottom {width:980px; margin:auto auto; font-size:10px; padding:10px 0 20px 0px; text-align:center;} #bottom h4 {font-size:11px; padding:0px; margin:5px 0;} #bottom a {margin:2px 5px; text-decoration:none; color:#666;} #bottom p {margin:0;} #writenow {height:36px; margin:10px 0;} #writenow a:link {color:#ffffff} #writenow a:hover {color:#ffffff} #writenow a:visited {color:#ffffff} .sidemenu1 {width:100%; margin:10px auto; color:#fff; background:#c1c1c1 url(/img/sidenav_bg.gif) no-repeat left 20px;} .sidemenu1 a:link,.sidemenu a:visited {color:#fff; text-decoration:none;} .sidemenu1 a:hover {color:#e0e5f5;} .sidemenu1 .orange,.sidemenu a.orange:link,.sidemenu a.orange:visited {color:#fc0;} .sidemenu1 a.orange:hover {color:#f90;} .sidemenu1 h1 {width:150px; height:35px; padding:6px 5px 2px 0px; position:relative; z-index:5; font-size:20px; font-weight:normal; background:url(/img/sidenav_bg1.png); _background:url(/img/pic_no.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/sidenav_bg1b.png', sizingMethod='scale');} .sidemenu1 h2 {width:100%; height:35px; position:relative; z-index:5; margin:-15px 0 0 0; background:url(/img/sidenav_bg2.png); _background:url(/img/pic_no.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/sidenav_bg2b.png', sizingMethod='scale');} .sidemenu1 ul {margin:-25px 8px 5px -25px; width:130px; list-style:none; cursor:pointer;} .sidemenu1 li {font-size:18px; height:auto; _height:18px; min-height:18px; padding:5px 0; line-height:18px; border-bottom:1px #fff solid;} .sidemenu1 li.item {border-bottom:0;} .sidemenu1 li ul {margin:5px -6px -5px -7px; _margin:5px -8px -5px -6px; padding:5px 0px; width:147px; overflow:hidden; position:relative; z-index:10; background:#416593 url(/img/sidenav_line.gif) no-repeat 6px top;} .sidemenu1 li li {font-size:14px; height:auto; _height:14px; min-height:14px; line-height:14px; font-weight:bold; border-bottom:0; background:none; margin:0px; padding:2px 10px 2px 0px;} .sidemenu1 li li a {font-size:11px; font-weight:normal;} .sidemenu {width:100%; margin:10px auto; font-weight:bold; padding:10px 0; color:#777; background:#EBECEC;} .sidemenu a:link,.sidemenu a:visited {color:#fff; text-decoration:none;} .sidemenu a:hover {color:#fc0;} .sidemenu a.orange:link,a.orange:visited {color:#fc0;} .sidemenu a.orange:hover {color:#f90;} .sidemenu h3 {margin:0px 5px; position:relative; z-index:5; font-size:13px;} .sidemenu div {margin:5px 0 0 10px; padding:8px; color:#cde; font-size:14px;line-height:12px; background:#3E77AF url(/img/sidenav_bg.gif) no-repeat left top;} .sidemenu hr {background-color:#fff; color:#fff;} .sidemenu div a {line-height:12px; } .sidemenu div .submenu {background:#416593;margin:-5px -7px -5px -7px;;padding:3px 5px 0 0;display:none} .sidemenu div .submenu li{list-style:none;line-height:18px;} .sidemenu div .submenu li a {line-height:18px; } .leftgreybox {margin:10px 0; background:#eee; clear:both;} .leftgreybox div{ border: 1px solid #ddd; padding:5px;} #weatherframe{padding:0;border:0; overflow:hidden;} #weather iframe {width:150px; height:100px; border:0; padding:0 -1px; overflow:hidden} #left ul {margin:10px 0; padding:0; border-top:1px #ccc solid; border-left:1px #ccc solid; border-right:1px #ccc solid; list-style:none;} #left ul li {background:url(/img/greybar_bg.gif) repeat-x top; padding:0px 5px; border-bottom:1px #ccc solid;} #left ul a {color:#666; font-size:11px; font-weight:bold;} #center h1 {font:normal 23px/25px Arial; margin:0; color:#369;} #center h6 {font:normal 11px/12px Arial; margin:5px 0; color:#666;} #dlimg {width:300px; height:230px; float:left; margin:0 10px 10px 0; padding:10px 0 0 0; background:#E9EAEA;position:relative;} #dlimg #img {text-align:center; vertical-align:middle;} #dlimg #img #ss_img {width:expression(this.width > 290 ? 290: true); max-width:290px; height:expression(this.height > 195 ? 195: true); max-height:195px;} #bar {color:#666; height:24px; background:url(/img/greybar_bg.gif) repeat-x bottom;font:normal 16px/20px Arial; position:absolute; bottom:0px; } #bar h3{margin:0 0 0 10px; _margin:0 0 0 5px;height:24px; overflow:hidden; text-align:left; text-transform:uppercase; font:bold 13px/20px Arial; float:left;} #dlimgvideo {width:500px; height:316px; float:left; margin:0 10px 10px 0; padding:10px 0 0 0; background:#E9EAEA;} #dlimgclassified {width:300px; height:210px; float:left; margin:0 10px 10px 0; padding:10px 0 0 0; background:#E9EAEA;} #dlimgclassified #img {text-align:center; vertical-align:middle; max-width:300px; max-height:300px; height:200px} #slidecate {margin:0 0 0 10px; _margin:0 0 0 5px; width:100px; text-align:right; text-transform:uppercase; font:bold 13px/20px Arial; float:left;} #bar2 {color:#fff; height:20px; line-height:30px; font-size:18px; text-align:center; background:url(/img/dl_bar2.gif);} #controls {float:right; text-align:right; padding:0px 10px; } #controls img {margin:0 3px;} #dlbody {width:195px; height:240px; overflow:hidden; float:left; color:#555} .blackbutton { background:url(/img/utilitybutton_left.gif) no-repeat top left; padding:0 0 0 0.2em; } .blackbutton a { display:block; font-size:.9em; line-height:.9em; padding:.5em .8em .5em .5em; color:#fff; background:url(/img/utilitybutton_right.gif) no-repeat top right; text-decoration:none; } .blackbutton a:hover {color:#f60;} .blackbutton a:visited {color:#fff;} #warp h2 {margin:0 0 10px 0; padding:0 10px; font:bold 13px/22px Arial; color:#666; background:#eee url(/img/greybar_bg.gif) repeat-x;} #warp #left h2,#warp #right h2 {margin:0;} #center h3 {margin:0 0 10px 0; font:bold 16px/22px Arial;} #center p {margin:5px auto;} #ajaxbox {margin:10px 0; height:170px} #ajaxbox h2 {font:normal 11px/18px Arial; padding:0; border-top:1px #999 solid; border-bottom:1px #999 solid; border-right:1px #999 solid; white-space:nowrap;} #ajaxbox h2 a {padding:2px 37px; border-left:1px #999 solid; color:#666} #ajaxbox h2 a.now,#ajaxbox h2 a:hover {background:#fff; border-bottom:1px #fff solid;} #ajaxbox img {height:135px; float:left; margin:0 10px;} #ajaxbox ul {margin:0 auto; list-style:disc;} #Humanimg {margin:10px 0;height:170px;} #Humanimg img {width:138px; height:130px; margin:5px;} #WritersCircle,#FeaturedCity {height:170px; margin:10px 0; overflow:hidden; color:#666} #WritersCircle img {height:135px; margin:0 10px; float:left;max-width:200px} #FeaturedCity img {height:135px; margin:0 10px; float:left;} #WritersCircle ul {margin:0; padding:0; list-style:none;} #WritersCircle li {width:80px; height:20px; margin-right:10px; float:left; font:bold 12px/13px Arial;} #InviteFriend {margin:10px 0; overflow:hidden; color:#666} #InviteFriend img {height:35px; margin:0 10px; float:left;max-width:200px} #InviteFriend ul {margin:0; padding:0; list-style:none;} #InviteFriend li {width:80px; height:20px; margin-right:10px; float:left; font:bold 12px/13px Arial;} #Calendarbox {height:170px; margin:10px 0;} #mon {width:150px; height:50px; text-align:right; float:left; color:#999; font:bold 50px/50px Arial; padding-top:10px;} #day {width:150px; height:120px; text-align:left; float:left; color:#999; font:normal 120px/120px Arial;} #year {width:150px; height:50px; text-align:right; float:left; color:#999; font:normal 50px/50px Arial; padding-bottom:10px; position:relative; margin:60px 0 0 -150px;} #Calendar {width:210px; height:120px; float:right; text-align:center;} #Calendar img {margin:0 10px; vertical-align:middle;} #Calendar table {width:100%; border-collapse:collapse; border:0; border-spacing:0px; color:#666;} #Calendar th,#Calendar td {height:13px; line-height:13px;} #Calendar .orangebg {color:#fff; background:#f90;} #right #search {padding:10px; text-align:right; background:#eee;} #right #search input.textbox {width:140px; height:12px; margin:2px 0px; text-align:right; border:1px #666 solid; font:bold 11px/11px Arial;} #right #search select {width:100px; height:14px; margin:2px 5px; border:1px #666 solid; font:bold 11px/11px Arial;} #right #search input.button {height:18px; margin:2px 5px; border-right:1px #666 solid; border-bottom:1px #666 solid; font:bold 11px/11px Arial;} .writerscircle {background:#e7e7e7;} .writerscircle h1 {height:26px; margin:0; line-height:26px; font-size:14px; text-indent:10px; color:#fff; background:url(/img/centre_header_with_angel.jpg) no-repeat right;} #writertext {margin:10px 10px 10px 165px; width:320px;} #writertext h2 {margin:0;} #writertext p {margin:0 0 10px 0;} #writertext img {position:absolute; margin:10px 10px 10px -155px; width:140px;} #writertext ul {margin:0; padding:0; height:50px;} #writertext ul li {width:100px; float:left; list-style:none;} .contentbox {margin:10px 0; background:#C9DBEC none repeat scroll 0%; height:400px;} .contentbox h4 {margin:0; background:#fff; font:normal 12px/18px Arial;font-weight:bold;} .contentbox h4 a {padding:1px 10px; color:#666; background:url(/img/greybar_bg.gif) repeat-x top;} .contentbox h4 a.on {color:#fff; font-weight:bold; background-image:url(/img/Most_Recent_Highest_Tabs.gif);} .contentbox h4 a.off {color:#666; font-weight:bold; background-image:url(/img/greybar_bg.gif);} .contentbox ul {margin:0px; padding:10px; font-size:11px; list-style:none;} .contentbox ul.list {height:362px;margin:0px; padding:10px;list-style:none; background-repeat: repeat-y;} .contentbox li {margin:8px 0;} .contentbox h4 .now {padding:1px 10px; color:#fff; font-weight:bold; background-image:url(/img/Most_Recent_Highest_Tabs.gif);} .holdGreyBox {margin:10px 0;background:#eee} .holdGreyBox ul {margin:0; padding:10px; list-style-position:inside;} .ImgGreyBox {height:80px; padding:10px; margin:10px 0; overflow:hidden; color:#fff; background:#bbb url(/img/ImgGreyBox_bg.gif) no-repeat right;} .ImgGreyBox img {width:100px; height:100px; float:left; margin:-10px 10px -10px -10px;} #CityDropDown {height:20px;} #greybox {clear:both;} .greybox_img {background:#E9EAEA; float:center; width:55px;height:55px;} .greybox_left {width:262px; float:left;} .greybox_center {width:262px; float:left; margin:0 14px;} .greybox_right {width:262px; float:right;} .greybox {width:100%; height:205px; margin:10px 0; overflow:hidden;} .greybox h1 {height:22px; margin:0; font-size:14px; text-indent:15px; line-height:22px; color:#666; background:#eee;} .greybox h1 a {color:#666;} .greybox h1 a:hover {color:#f60;} .greybox h1 a:visited {color:#666;} .greybox div {width:auto; height:55px; padding:0px; margin:2px 10px; overflow:hidden; border-bottom:1px #ccc solid;} .greybox div p {width:175px; height:53px; float:left; margin:0;} .greybox div img {float:center;background:#E9EAEA none repeat scroll 0% 0%;width:50px;} .hold150_90 {width:150px; height:91px; background:#EBECEC;} .hold728 {width:728px; height:91px; margin:0; float:left; } .Bhold468 {clear:both; width:508px; height:161px; margin:10px 0; background-image:url(/img/Advertisements/box.jpg);} .hold468 {clear:both; width:468px; height:61px; margin:10px 0;} .hold300 {height:181px; margin:10px 0; background:#eee;} .hold240 {width:20em; height:33.333em; margin-bottom:1.5em; } .hold120 {width:120px; height:601px; margin:10px 0 10px 30px; } .ContentGreyBox {margin:10px 0;} .ContentGreyBox ul {margin:0; padding:10px; list-style-position:inside;} .toplink {width:100%; margin:0; clear:both; border-bottom:1px #000 solid; text-align:right;} /**localsubcat is for the localsubcategories**/ .localsubcatlocal {width:100%; height:200px; clear:both; overflow:hidden;} .localsubcatpic {width:50%; height:200px; float:left; overflow:hidden;} .localsubcatbox {width:50%; height:200px; float:left; margin-right:-1px; border-right:1px #000 solid;} #center .localsubcatbox h1 {font:bold 16px/20px Verdana, Arial; color:#666; margin:0; padding:0 10px;} .localsubcatbox p {height:55px; margin:5px 0; padding:0 80px 0 10px; _padding:0px 90px 0px 10px; text-align:right;} .localsubcatbox p img {width:66px; height:53px; margin:1px -70px 1px 10px; float:right;} .localsubcat {width:100%; /*height:160px;*/ clear:both; overflow:hidden;} .localsubcatbox2 {width:48%; /*height:160px*/ float:left; color:#333; padding-right:3%; margin-right:-1%;} .subcattitle {font:bold 14px/16px Arial; margin:0px;} .subcattitle a:link {color:#666} .subcattitle a:visited {color:#666} .subcattitle a:hover {color:#f60} .localsubcatbox2 h4 {font-size:9px; margin:0px;} .localsubcatbox2 p {margin:6px 0;} .localsubcatbox2 p img {width:auto; height:55px;margin:1px 0px 5px 10px; float:right;border-bottom:0px #ccc solid;} #preview{font-size:13px;color:#333;width:500px;} #preview img{float:left; margin:0 10px 10px 0;} .pagenum {font:18px/20px Verdana, Arial, Helvetica, sans-serif normal; margin:20px 0 10px 0; color:#ccc; text-align:right;} .pagenum a {color:#999; margin:0 2px;} .pagenum img {margin:0 10px;} #center h2.greybg {color:#fff; background:url(/img/grey_h1_bg.gif) no-repeat right;} h1.iconbg {height:80px; font-size:28px; font-weight:normal; color:#666; line-height:80px; text-indent:45px; background:url(/img/iconbg.gif) no-repeat left center;} h1.iconbg i {font-size:22px; font-style:normal;} h1.iconbg a:link,h1.iconbg a:visited {color:#666;} h1.iconbg a:hover {color:#ccc;} h1.iconbg_orange {height:70px; margin:0 0 0 -40px; position:relative; z-index:10; padding:1px 0 0 40px; background:url(/img/logosymbol.jpg) no-repeat left center;} h1.iconbg_orange div {font-size:28px; height:30px;} div.orangebg {height:25px; margin:20px 0 20px 0px; line-height:30px; font-size:22px; font-weight:normal; color:#fff; text-indent:10px; background:url(/img/orangebg.gif) repeat-x;} mailbox {height:85px; margin:10px 0; overflow:hidden;} .mailbox h2 {margin:-2px 0; font-size:12px;} .mailbox p {margin:8px 0; font-size:11px;} .mailbox img {float:left; margin:5px 10px 0 0;} .Localjobs {height:85px; margin:10px 0;} .Localjobs h2 {margin:-2px 0; font-size:12px;} .Localjobs p {margin:5px 0; font-size:11px;} .Localjobs img {float:left; margin:5px 10px 0 0;} .jobsbigimg {width:100%; height:150px; text-align:center; background:url(/img/Local_Jobs.gif) no-repeat center; overflow:hidden;} .jobsbigimg div {font-size:22px; font-weight:normal; width:100%; height:26px; margin-top:119px; padding:0; background:url(/img/translucent_white.png); _background:url(/img/pic_no.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/translucent_white.png', sizingMethod='scale');} .FindJobs {width:100%; height:150px; margin:10px 0; color:#666; overflow:hidden;} #center .FindJobs h3 {font-size:18px; font-weight:normal; margin:0;} .FindJobs form {width:100%; height:100px; margin:0 -10px;} .FindJobs label {width:160px; height:40px; float:left; margin:0 0 0 10px; _margin:0 0 0 6px; text-align:right;} label.FindJobsone {width:330px; margin:0 0 0 10px; *margin:0 3px 0 5px; _margin:0 0 0 4px;} .FindJobs input {width:96%; height:15px; padding:0;} .FindJobs select {width:95%; height:17px; padding:0;} .Globalcat {margin:0px -1px; clear:both; overflow:hidden;} .Globalcatbox {width:205px; float:left; margin:10px 0px;overflow:hidden;} .Globalcatbox h1 {font-size:14px; line-height:20px; margin:0 5px; text-indent:10px; color:#fff; background:#999;} .Globalcatbox p,.Globalcatbox h4,.Globalcatbox h6 {margin:5px 10px;} .Globalcatbox h4 {font-size:13px;} .Globalcatbox h6 {font-size:10px;} .Globalcatbox h1 a:link {color:#fff;} .Globalcatbox h1 a:visited {color:#fff;} .Globalcatbox h1 a:hover {color:#f60;} .Globalbrainbusters h1 {width:100%; height:24px; line-height:24px; text-indent:10px; margin:0; float:left; font-size:14px; color:#fff; background:url(/img/titlebg_orange.gif) no-repeat left;} .GlobaBox1 {width:350px; height:350px; float:left; margin:10px 10px 10px 0; background:#e1e1e1;} .GlobaBox2 {width:166px; height:350px; float:left; margin:10px 0px 10px 0; background:#e1e1e1;} .GlobaBox2 div {width:100%; height:175px; margin:0;} .GlobaBox2 h1 {width:100%; height:22px; line-height:22px; text-indent:10px; margin:0; float:none; font-size:14px; color:#fff; background:url(/img/titlebg_orange.gif) no-repeat 0px 0px;} .GlobaBox3 {width:258px; height:260px; float:left; margin:0px 10px 10px 0; background:#e1e1e1;} .GlobaBox4 {width:258px; height:260px; float:left; margin:0px 0 10px 0; background:#e1e1e1;} .GlobaBox5 {width:100%; height:150px; float:left; margin:10px 0 0 0; background:#e1e1e1;} .GlobaImgBox {width:100%; height:220px; margin:10px 0; float:left; background:url(/img/Globalbrainbusters.gif) no-repeat center;} .GlobaImgBox div {width:140px; margin:30px 10px 10px 70px;} /**Your Position**/ .Breadcrumbs {font-size:10px; margin:0 0 10px 0;} #IndiImg {width:300px; height:200px; float:left; margin:0 10px 10px 0px; padding:10px 0 0 0; background:#E9EAEA;position:relative;} #IndiImg #img {text-align:center; vertical-align:middle;} #IndiImg #img #slideimg {width: expression(this.width > 290 ? 290: true); max-width: 290px;height: expression(this.height > 195 ? 195: true); max-height: 195px;margin:0 8px 10px 5px; float:center;} .IndividualImg1 {margin:0px 8px 10px 0; float:left} .IndividualImg {margin:0px 8px 10px 0; float:left} /*.FeaturesBox {width:220px; height:70px; margin:20px 0; padding:5px 10px; color:#fff; background:#777;}*/ .FeaturesBox {width:250px; height:auto; clear:both; margin:20px 0; color:#fff; background:#999 url(/img/greybox_05top.gif) no-repeat top;} .FeaturesBox div {width:230px; height:auto; margin:0; padding:5px 10px; background:url(/img/greybox_05bottom.gif) no-repeat bottom;} .FeaturesBox a:link, .FeaturesBox a:visited{color:#fff} .FeaturesBox a:hover{color:#f60;} .CommentsBox {margin:15px 0;} .CommentsBox img {float:left; margin:0 10px 5px 0;} .CommentsBox p {margin:5px 0;} .ReplyBox {font-size:14px; margin:20px 0;} .ReplyBox textarea {width:100%; height:150px;} .ReplyBox div {float:right; margin:10px 0;} #center h3.Comment {font-size:16px; color:#666; border-bottom:1px #999 solid; width:400px;} #AboutUsHeaderImg {width:100%; margin:0 0 10px 0;} .ContactUsBox {width:310px; margin:auto 0 auto 50px; font-size:14px;} .ContactUsBox i {font-size:12px;} .ContactUsBox input {width:205px;} .ContactUsBox select {width:100%; margin:5px 0; padding:0;} .ContactUsBox textarea {width:100%; height:120px; margin:5px 0; padding:0;} .TextBox {width:100%; margin:10px -10px 10px 0;} .TextBox div {width:48%; margin:10px 10px 10px 0; float:left; font-size:13px;} #bodyfortextbox {width:740px; text-align:left; margin-left:40px;} #center #bodyfortextbox h2 {background:none; padding:0;} #box {width:18em; padding:10px; margin:30px auto; background:#848586; color:#fff} .GreyTxt {color:#999;} #centerbody h2 {font-size:18px; font-weight:normal; margin:10px auto;} img.writerpic {margin:0 10px 10px 0; float:left;} .ProfilePic {margin:15px 0 50px 0;} .ProfilePic input {margin:10px 0; width:350px;} .ProfilePic div {float:right; margin:10px;} #UserProfileBox {height:160px; margin:10px 0; border:1px #ccc solid; background:#eee; overflow:hidden;} #UserProfileBox img {width:160px; height:140px; margin:10px; float:left;} #UserProfileBox dl {width:160px; margin:10px 10px 10px 0px; float:left; font-size:14px;} #UserProfileBox dt {height:20px; width:100px;} #UserProfileBox dd {margin:-20px 0px 0px 110px; color:#4581B6;} #AboutEditBox {margin:10px 0;} #AboutEditBox textarea {width:506px; height:200px; background:#eee; border:2px #ccc solid;} .BlackBtn {width:90px; height:22px; border:0; text-align:center; color:#fff; background:url(/img/BlackButton.gif) no-repeat center;} a.BlackBtn:link,a.BlackBtn:visited {color:#fff; line-height:22px;}