/* Resetting default padding and margin - http://www.clagnut.com/blog/1287/ */ * {margin:0;padding:0;} h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {margin:0;} h1,h2,h3,h4,h5,h6 {font-family: Arial, Helvetica, sans-serif; } li,dd {margin-left:1em;} fieldset {position:relative;top:0;left:0;padding:0; border:none;} /*form {position:relative;top:0;left:0;}*/ img {border:none} /* end reset */ /* colours #00B1FF title blue #BCE4FA title light blue #7DFF00 title green #000066 topnav colour (more like #253B76) gradients #E1E1E1 border grey #DFF3D9 light green #EFF0F0 light grey #D9EEF3 light blue */ body {position:relative;top:0;left:0;font-size:62.5%;font-family:Verdana, Arial,Helvetica,sans-serif;/*line-height:1.2em;*/background-color:#c0c0c0;background-image:url(../images/bk_body.jpg);background-position:top;background-repeat:repeat-x;} h2 {margin-bottom:5px;} a:link, a:visited {text-decoration:underline; color:#00B1FF;} a:hover, a:active {text-decoration:underline; color:#000000;} #wrapperouter {position:relative;top:0;left:0; padding:0 10px;} #wrapper {position:relative;top:0;left:0;width:970px; margin:0px auto; background-color:#F5F6F6;background-image:url(../images/bk_wrapper.jpg);background-position:top;background-repeat:repeat-x;} #wrapperinner {position:relative;top:0;left:0; padding:0 37px;} #skipnav {position:absolute; top:0; left:50%; } #header {position:relative;top:0;left:0; height:122px;} #header .logo {position:relative;top:0;left:0; float:left; } #header .ad { } #header div.advert_top {position:relative;top:0;left:0; float:right; padding:19px 20px 0px 0px;} #topnav {position:relative;top:0;left:0; padding:0; height:32px; font-size:11px /* was 1.1em */; background-image:url(../images/bk_topnav_right.gif); background-position:right; background-repeat:no-repeat;} #topnavinner {position:relative;top:0;left:0; padding:0px 30px; height:32px; background-image:url(../images/bk_topnav_left.gif); background-position:left; background-repeat:no-repeat;} /* all links*/ #topnavinner div a {position:relative;top:0;left:0;display:block; width:auto;height:32px;margin-right:14px;float:left;/*font-weight:bold;font-family:Arial,Helvetica,sans-serif;*/} #topnavinner div a:link, #topnavinner div a:visited {text-decoration:none; color:#000066;} #topnavinner div a:hover, #topnavinner div a:active {text-decoration:none; color:#ffffff;} #topnavinner div a span {position:relative;top:0;left:0;display:block;padding:9px 0 0 0;} /* over-ride for active links */ #topnavinner div a.sectiontabactive1, #topnavinner div a.sectiontabactive2, #topnavinner div a.sectiontabactive3, #topnavinner div a.sectiontabactive4, #topnavinner div a.sectiontabactive5, #topnavinner div a.sectiontabactive6, #topnavinner div a.sectiontabactive7, #topnavinner div a.sectiontabactive8, #topnavinner div a.sectiontabactive9, #topnavinner div a.sectiontabactive10 {position:relative;top:0;left:0;display:block; padding:0 0 0 14px; margin-right:14px; width:auto; float:left; height:32px;background-color:#00B1FF; color:#000066; background-image:url(../images/bk_tab_left.gif); background-position:left top; background-repeat:no-repeat;} #topnavinner div a.sectiontabactive1 span, #topnavinner div a.sectiontabactive2 span, #topnavinner div a.sectiontabactive3 span, #topnavinner div a.sectiontabactive4 span, #topnavinner div a.sectiontabactive5 span, #topnavinner div a.sectiontabactive6 span, #topnavinner div a.sectiontabactive7 span, #topnavinner div a.sectiontabactive8 span, #topnavinner div a.sectiontabactive9 span, #topnavinner div a.sectiontabactive10 span { position:relative;top:0;left:0;display:block;padding:9px 14px 0 0;background-image:url(../images/bk_tab_right.gif); background-position:right top; background-repeat:no-repeat;} #topnavinner div a.sectiontab1 {margin-left:14px;} #topnavsearch {position:absolute;top:3px;right:150px; width:210px;} #topnavsearch input.tnsfield {position:absolute;top:5px;left:0px;width:140px;/* this now spoils ie7 + ff3...*/height:14px; font-size:10px;padding:0px; margin:0px;font-family:Verdana, Arial,Helvetica,sans-serif;} #topnavsearch select {color:#00B1FF;left:141px; position:absolute; top:5px;font-size:10px; padding:0px; margin:0px;font-family:Verdana, Arial,Helvetica,sans-serif;} #topnavsearch input.tnsbutton {position:absolute;top:4px;left:235px; } #topnavsearchsignin {position:absolute;top:8px;right:15px; width:80px;} div#topnavsearchextratab {position:absolute;top:9px;right:30px; } div#topnavsearchextratab a {position:relative;top:0px;left:0; display:inline; float:none; margin:0px;} #contenttop {position:relative;top:0;left:0; padding:0; height:14px; font-size:1px; background-color:#ffffff; background-image:url(../images/bk_contenttop_right.gif); background-position:right; background-repeat:no-repeat;} #contenttopinner {position:relative;top:0;left:0; padding:0; height:14px; background-image:url(../images/bk_contenttop_left.gif); background-position:left; background-repeat:no-repeat;} #contentouter {position:relative;top:0;left:0; padding:0px 20px 0px 0px; background-color:#ffffff; background-image:url(../images/bk_content.gif); background-position:left; background-repeat:repeat-y; z-index:8;} #sidenav {position:relative;top:0;left:0; width:160px /*129*/; float:left; margin:0px; padding:0px; z-index:9; font-size:11px; } #sidenav a {display:block; padding:1px 0 1px 3px;} #sidenav a:link, #sidenav a:visited {text-decoration:none; /*font-weight:bold;*/color:#00B1FF; /* was #666666 */ } #sidenav a:hover, #sidenav a:active {text-decoration:none; /*font-weight:bold;*/ color:#4E4E4E; /*background-color:#eeeeee;*/ } #sidenav li a.activeparent:link, #sidenav li a.activeparent:visited {text-decoration:none; color:#4E4E4E; } /*#sidenav div {padding-bottom:2px} #sidenav div.iosnavlevel1 {position:relative;top:0;left:0; padding-left:12px;} #sidenav div.iosnavlevel1selected a {position:relative;top:0;left:0;color:#333;padding-left:12px;} #sidenav div.iosnavlevel2opened {position:relative;top:0;left:0; padding-left:24px; } #sidenav div.iosnavlevel2opened a {position:relative;top:0;left:0; display:block; width:105px;}*/ #sidenav ul {position:relative;top:0;left:0; list-style:none; list-style-image:none; } #sidenav ul li {position:relative;top:0;left:0; list-style:none; list-style-image:none; padding-top:1px; } #sidenav ul li.active {position:relative;top:0;left:0; } #sidenav ul li.active span.active {position:relative;top:0;left:0;color:#fff;display:block; padding:2px 0 2px 3px; background:url(../images/nav_highlight_grad.gif) right repeat-y #00b1FF;/*font-weight:bold;*/} #sidenav ul li.active span.active a {color:#ffffff;} #sidenav ul li.iosnavlevel1opened {position:relative;top:0;left:0; margin-bottom:10px;} #sidenav ul li.iosnavlevel1selected {position:relative;top:0;left:0; margin-bottom:10px;} #sidenav .sidenavbox { border:none; margin-bottom:10px;} #sidenav .sidenavbox a { padding:0; margin:0; border:none;} #sidenav .sidenavbox a:link, #sidenav .sidenavbox a:visited {text-decoration:none; color:#007dc5; } #sidenav .sidenavbox a img { padding:0; margin:0; border:none;} #sidenav .sidenavbox div.box99 div.boxpad, #sidenav .sidenavbox div.box98 div.boxpad { padding:10px 15px; } #sidenav .sidenavbox div.box99 { border:none; background-color:#bce4fa; background-image:url(../images/bk_leftnav_lblue.gif); background-position:top; background-repeat:repeat-y;} #sidenav .sidenavbox div.box98 { border:none; color:#999999; background-color:#f7f7f7; background-image:url(../images/bk_leftnav_grey_lighter.gif); background-position:top; background-repeat:repeat-y;} #sidenav .sidenavbox div.box99 a:hover, #sidenav .sidenavbox div.box99 a:active {text-decoration:underline; color:#007dc5; background-color:#bce4fa; } #sidenav .sidenavbox div.box98 a:hover, #sidenav .sidenavbox div.box98 a:active {text-decoration:underline; color:#007dc5; background-color:#f7f7f7; } #sidenav .sidenavbox div.box98 div {margin-bottom:5px;} #sidenav .sidenavbox div.box98 div.boxpad div {/*height:15px;*/} #sidenav .sidenavbox div.header_box { font-weight:bold; } #sidenav .sidenavbox div.box98 input[type=text] { font-size:11px; width:100px;} #sidenav .sidenavbox div.box98 select.LibriosAccounts { width:130px;} /* foto8 stuff */ #sidenav .sidenavbox div.box98 ol li {padding-bottom:5px;} #sidenav .sidenavbox div.foto8 {padding:5px; background:#000000; color:#ffffff;} #sidenav .sidenavbox div.foto8 a:link, #sidenav .sidenavbox div.foto8 a:visited {text-decoration:underline; color:#ffffff; } #sidenav .sidenavbox div.foto8 a:hover, #sidenav .sidenavbox div.foto8 a:active {text-decoration:none; color:#00B1FF; } .progress { color:white; font-size:10px; height:14px; overflow:hidden; padding-left:5px;border-top:2px solid #f7f7f7;} #sidenav div.iosunitsearchselected, #sidenav div.iosunitsearch { margin-top:5px;} #sidenav div.iosunitsearchselected a:link, #sidenav div.iosunitsearchselected a:visited, #sidenav div.iosunitsearch a:link, #sidenav div.iosunitsearch a:visited {text-decoration:none; color:#000; } #sidenav div.iosunitsearchselected a:hover, #sidenav div.iosunitsearchselected a:active, #sidenav div.iosunitsearch a:hover, #sidenav div.iosunitsearch a:active {text-decoration:underline; color:#000; background-color:#bce4fa; } #sidenav div.iosbasket {} #sidenav div.iosbasket a { margin-left:10px;} /* #sidenav div.directorysearch div.box98 div.boxpad div {height:20px} */ .h1line {height:15px} .h2line {height:30px} .h1input {height:18px} #content {/*position:relative;top:0;left:0;*/ margin-left:175px /*154*/; width:auto; z-index:10; /* font-size:1.1em; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:grey; text-align:left;*/ } #contentinner {/*position:relative;top:0;left:0;*//*width:98%;*/overflow: hidden} /* need width & overflow to stop ie6 screwing-up siFr layout */ #rightcol {width:160px; margin-top:10px; float:right; } #rightcol .sidenavbox { border:none; margin-bottom:10px;} #rightcol .sidenavbox a { padding:0; margin:0; border:none;} #rightcol .sidenavbox a:link, #sidenav .sidenavbox a:visited {text-decoration:none; color:#007dc5; } #rightcol .sidenavbox a:hover, #sidenav .sidenavbox a:active {text-decoration:underline; color:#007dc5; background-color:#bce4fa; } #rightcol .sidenavbox a img { padding:0; margin:0; border:none;} #rightcol .sidenavbox div.box99 { border:none; background-color:#bce4fa;} #rightcol .sidenavbox div.box99 div.boxpad { padding:10px 15px; } /* ADVERTS RHS */ #rightcol .rhsnavbut { margin-bottom: 10px /*was2px*/;} div.adcolumn div.design_advert_rhs img {border-bottom:5px solid #e1e1e1;border-top:5px solid #e1e1e1;} /* homepage */ /* #rightcol div.adborder {border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1; text-align:center; padding-bottom:10px;background-color:#ffffff;} #rightcol div.adborder div.design_advert_rhs img {border-top:10px solid #ffffff;border-left:19px solid #ffffff;} */ div.design_advert_rhs img {border-bottom:5px solid #e1e1e1;border-top:5px solid #e1e1e1;} div.design_advert_rhs a, #sidenav div.design_advert_rhs a {padding:0px;} #rhsadcolumn { margin:15px 0px 5px 20px;} /*#rhsadcolumn,div.design_advert_rhs { margin-left:20px;}*/ #rhsadcolumn div.design_advert_rhs { margin-left:0px;} #lhsadcolumn { margin:15px 0px 5px 0px;text-align:center} #pagecontent {margin-right:175px } #pagecontent.fullwidth {position:relative;top:0;left:0; margin-right:0px;} .prop {float:right;width:1px; } .prop2 {float:left;width:1px; } .minclear {clear:right;height:1px;overflow:hidden; } .minpx {height:350px;} .profileminpx {height:170px;} .profiletopminpx {height:150px; } .clearboth {clear:both;height:1px;overflow:hidden;} .clearright {clear:right;} div.clearboth {clear:both;height:1px;font-size:1px;line-height:1px;overflow:hidden;} div.clearright {clear:right;height:1px;font-size:1px;line-height:1px;overflow:hidden;} div.clearleft {clear:left;height:1px;font-size:1px;line-height:1px;overflow:hidden;} /* ------------------------------------------------------------ rounded boxes ------------------------------------------------------------ */ #rightcol div.box1 div.header_box { padding-bottom:5px; color:#253B76;border:none;} div.box1 .p, div.box1 div.boxpad { padding:0px; } /* pale grads */ div.box1, div.box4, div.box4h {background-image:url(../images/bk_grad_blue.jpg); background-position:top; background-repeat:repeat-x;margin:10px 0px 0px 0px;width:100%;} div.box2, div.box2h {background-image:url(../images/bk_grad_green.jpg); background-position:top; background-repeat:repeat-x;margin:10px 0px 0px 0px;width:100%;} div.box3, div.box3h {background-image:url(../images/bk_grad_grey.jpg); background-position:top; background-repeat:repeat-x;margin:10px 0px 0px 0px;width:100%;} /* stronger grads */ div.box5 {margin:10px 0px 0px 0px;width:100%;} div.box6 {margin:10px 0px 0px 0px;width:100%;} div.box7 {margin:10px 0px 0px 0px;width:100%;} div.box8 {margin:10px 0px 0px 0px;width:100%;} div.box9 {margin:10px 0px 0px 0px;width:100%;} div.box10 {margin:10px 0px 0px 0px;width:100%;} div.box11 {margin:10px 0px 0px 0px;width:100%;} div.form44 {background-image:url(../images/bk_grad_grey.jpg); background-position:top; background-repeat:repeat-x;margin:10px 0px 0px 0px;} div.form45 {background-image:url(../images/bk_grad_grey.jpg); background-position:top; background-repeat:repeat-x;margin:10px 0px 0px 0px;} div.form31 {background-image:url(../images/bk_grad_grey.jpg); background-position:top; background-repeat:repeat-x;margin:10px 0px 0px 0px;} div.rounded {margin:0px 0px 0px 0px; padding:0px; ;border:1px solid #fff ;} div.rounded div { background-image:url(../images/box2_TL.gif); background-position:top left; background-repeat:no-repeat;} div.rounded div div { background-image:url(../images/box2_BL.gif); background-position:bottom left; background-repeat:no-repeat;} div.rounded div div div { background-image:url(../images/box2_TR.gif); background-position:top right; background-repeat:no-repeat;} div.rounded div div div div { background-image:url(../images/box2_BR.gif); background-position:bottom right; background-repeat:no-repeat;} div.rounded div div div div div { padding:10px; background-image:none;} div.rounded div div div div div div { padding:0px; background-image:none;} div.messageboard div.design_image_thumbnail2_caption {display: none;} table.ioscurrentusers div.design_image_thumbnail2_caption {display: none;} div.iostextmessagedate {color: silver;} td.iostextmessagedetails {padding-left: 5px; padding-right: 5px;} textarea.iostextmessage {font-size: 11px;} a.iostextmessagedelete {float: right;} div.profilealertmessage {margin-top:10px;color:red;} div.box2h, div.box3h, div.box4h {margin: 10px 180px 0 0;} div.iossavebutton {position:relative;top:0;left:0;margin-left:223px;} /* formfields */ div.profile_photo input { } /* results listing */ div.iossearchresult div.design_float_left {/* width: 505px; */} div.cat_arch div.design_float_left, div.cat_arts div.design_float_left, div.cat_business div.design_float_left, div.cat_charities div.design_float_left, div.cat_ecodir div.design_float_left, div.cat_edu div.design_float_left, div.cat_food div.design_float_left, div.cat_health div.design_float_left, div.cat_media div.design_float_left, div.cat_shop div.design_float_left, div.cat_indoors div.design_float_left, div.cat_outdoors div.design_float_left {/* width: 505px; */} /* [ new listing box borders ] ================================================= */ /* === Group - purple === */ div.box5 div.rounded {position:relative;top:0;left:0; margin:0px 0px 0px 0px; padding:0px; ;border:1px solid #fff ;} div.box5 div.rounded div { background-image:url(../images/boxnew_purple_TL.gif); background-position:top left; background-repeat:no-repeat;} div.box5 div.rounded div div { background-image:url(../images/boxnew_purple_BL.gif); background-position:bottom left; background-repeat:no-repeat;} div.box5 div.rounded div div div { background-image:url(../images/boxnew_purple_TR.gif); background-position:top right; background-repeat:no-repeat;} div.box5 div.rounded div div div div { background-image:url(../images/boxnew_purple_BR.gif); background-position:bottom right; background-repeat:no-repeat;} div.box5 div.rounded div div div div div { /* padding box */ padding:10px; background-image:none;} div.box5 div.rounded div div div div div div { /* any other content */ padding:0px; background-image:none;} /* === Event - yellow === */ div.box6 div.rounded {position:relative;top:0;left:0; margin:0px 0px 0px 0px; padding:0px; ;border:1px solid #fff ;} div.box6 div.rounded div { background-image:url(../images/boxnew_yellow_TL.gif); background-position:top left; background-repeat:no-repeat;} div.box6 div.rounded div div { background-image:url(../images/boxnew_yellow_BL.gif); background-position:bottom left; background-repeat:no-repeat;} div.box6 div.rounded div div div { background-image:url(../images/boxnew_yellow_TR.gif); background-position:top right; background-repeat:no-repeat;} div.box6 div.rounded div div div div { background-image:url(../images/boxnew_yellow_BR.gif); background-position:bottom right; background-repeat:no-repeat;} div.box6 div.rounded div div div div div { /* padding box */ padding:10px; background-image:none;} div.box6 div.rounded div div div div div div { /* any other content */ padding:0px; background-image:none;} /* === Green business - green === */ div.box7 div.rounded {position:relative;top:0;left:0; margin:0px 0px 0px 0px; padding:0px; ;border:1px solid #fff ;} div.box7 div.rounded div { background-image:url(../images/boxnew_green_TL.gif); background-position:top left; background-repeat:no-repeat;} div.box7 div.rounded div div { background-image:url(../images/boxnew_green_BL.gif); background-position:bottom left; background-repeat:no-repeat;} div.box7 div.rounded div div div { background-image:url(../images/boxnew_green_TR.gif); background-position:top right; background-repeat:no-repeat;} div.box7 div.rounded div div div div { background-image:url(../images/boxnew_green_BR.gif); background-position:bottom right; background-repeat:no-repeat;} div.box7 div.rounded div div div div div { /* padding box */ padding:10px; background-image:none;} div.box7 div.rounded div div div div div div { /* any other content */ padding:0px; background-image:none;} /* === Non green business - dark blue === */ div.box8 div.rounded {position:relative;top:0;left:0; margin:0px 0px 0px 0px; padding:0px; ;border:1px solid #fff ;} div.box8 div.rounded div { background-image:url(../images/boxnew_dblue_TL.gif); background-position:top left; background-repeat:no-repeat;} div.box8 div.rounded div div { background-image:url(../images/boxnew_dblue_BL.gif); background-position:bottom left; background-repeat:no-repeat;} div.box8 div.rounded div div div { background-image:url(../images/boxnew_dblue_TR.gif); background-position:top right; background-repeat:no-repeat;} div.box8 div.rounded div div div div { background-image:url(../images/boxnew_dblue_BR.gif); background-position:bottom right; background-repeat:no-repeat;} div.box8 div.rounded div div div div div { /* padding box */ padding:10px; background-image:none;} div.box8 div.rounded div div div div div div { /* any other content */ padding:0px; background-image:none;} /* === Personal - light blue === */ div.box9 div.rounded {position:relative;top:0;left:0; margin:0px 0px 0px 0px; padding:0px; ;border:1px solid #fff ;} div.box9 div.rounded div { background-image:url(../images/boxnew_lblue_TL.gif); background-position:top left; background-repeat:no-repeat;} div.box9 div.rounded div div { background-image:url(../images/boxnew_lblue_BL.gif); background-position:bottom left; background-repeat:no-repeat;} div.box9 div.rounded div div div { background-image:url(../images/boxnew_lblue_TR.gif); background-position:top right; background-repeat:no-repeat;} div.box9 div.rounded div div div div { background-image:url(../images/boxnew_lblue_BR.gif); background-position:bottom right; background-repeat:no-repeat;} div.box9 div.rounded div div div div div { /* padding box */ padding:10px; background-image:none;} div.box9 div.rounded div div div div div div { /* any other content */ padding:0px; background-image:none;} /* === Hubs - green/grey? === */ div.box10 div.rounded {position:relative;top:0;left:0; margin:0px 0px 0px 0px; padding:0px; ;border:1px solid #fff ;} div.box10 div.rounded div { background-image:url(../images/boxnew_grey_cccccc_TL.gif); background-position:top left; background-repeat:no-repeat;} div.box10 div.rounded div div { background-image:url(../images/boxnew_grey_cccccc_BL.gif); background-position:bottom left; background-repeat:no-repeat;} div.box10 div.rounded div div div { background-image:url(../images/boxnew_grey_cccccc_TR.gif); background-position:top right; background-repeat:no-repeat;} div.box10 div.rounded div div div div { background-image:url(../images/boxnew_grey_cccccc_BR.gif); background-position:bottom right; background-repeat:no-repeat;} div.box10 div.rounded div div div div div { padding:10px; background-image:none;} div.box10 div.rounded div div div div div div { padding:0px; background-image:none;} /* === Ecomotion media - blaCK === */ div.box11 div.rounded {position:relative;top:0;left:0; margin:0px 0px 0px 0px; padding:0px; ;border:1px solid #fff ;} div.box11 div.rounded div { background-image:url(../images/boxnew_black_TL.gif); background-position:top left; background-repeat:no-repeat;} div.box11 div.rounded div div { background-image:url(../images/boxnew_black_BL.gif); background-position:bottom left; background-repeat:no-repeat;} div.box11 div.rounded div div div { background-image:url(../images/boxnew_black_TR.gif); background-position:top right; background-repeat:no-repeat;} div.box11 div.rounded div div div div { background-image:url(../images/boxnew_black_BR.gif); background-position:bottom right; background-repeat:no-repeat;} div.box11 div.rounded div div div div div { padding:10px; background-image:none;} div.box11 div.rounded div div div div div div { padding:0px; background-image:none;} /* hide box11 black on my media gallery pages */ div.organiser div.box11 div.rounded {position:relative;top:0;left:0; margin:0px; padding:0px; ;border:none ;} div.organiser div.box11 div.rounded div { background-image:none;padding:0px;} div.organiser div.box11 div.rounded div div { background-image:none;padding:0px;} div.organiser div.box11 div.rounded div div div { background-image:none;padding:0px;} div.organiser div.box11 div.rounded div div div div { background-image:none;padding:0px;} div.organiser div.box11 div.rounded div div div div div { background-image:none;padding:0px;} div.organiser div.box11 div.rounded div div div div div div { background-image:none;padding:0px;} /*////////////////////////// old grad boxes over-rides ////////////////////// /* pale grads */ div.grad_box div.box1, div.grad_box div.box4, div.grad_box div.box4h {background-image:url(../images/bk_grad_blue.jpg); background-position:top; background-repeat:repeat-x;margin:10px 0px 0px 0px;width:100%;} div.grad_box div.box2, div.grad_box div.box2h {background-image:url(../images/bk_grad_green.jpg); background-position:top; background-repeat:repeat-x;margin:10px 0px 0px 0px;width:100%;} div.grad_box div.box3, div.grad_box div.box3h {background-image:url(../images/bk_grad_grey.jpg); background-position:top; background-repeat:repeat-x;margin:10px 0px 0px 0px;width:100%;} /* stronger grads */ div.grad_box div.box5 {background-image:url(../images/bk_grad2_group.jpg); background-position:top; background-repeat:repeat-x;margin:10px 0px 0px 0px;width:100%;} div.grad_box div.box6 {background-image:url(../images/bk_grad2_event.jpg); background-position:top; background-repeat:repeat-x;margin:10px 0px 0px 0px;width:100%;} div.grad_box div.box7 {background-image:url(../images/bk_grad2_directory.jpg); background-position:top; background-repeat:repeat-x;margin:10px 0px 0px 0px;width:100%;} div.grad_box div.box8 {background-image:url(../images/bk_grad2_directory_non_green.jpg); background-position:top; background-repeat:repeat-x;margin:10px 0px 0px 0px;width:100%;} div.grad_box div.box9 {background-image:url(../images/bk_grad2_personal.jpg); background-position:top; background-repeat:repeat-x;margin:10px 0px 0px 0px;width:100%;} div.grad_box div.form44 {background-image:url(../images/bk_grad_grey.jpg); background-position:top; background-repeat:repeat-x;margin:10px 0px 0px 0px;} div.grad_box div.form45 {background-image:url(../images/bk_grad_grey.jpg); background-position:top; background-repeat:repeat-x;margin:10px 0px 0px 0px;} div.grad_box div.form31 {background-image:url(../images/bk_grad_grey.jpg); background-position:top; background-repeat:repeat-x;margin:10px 0px 0px 0px;} html>body div.grad_box {} div.grad_box div.rounded {margin:0px 0px 0px 0px; padding:0px; ;border:1px solid #fff ;} div.grad_box div.rounded div { background-image:url(../images/box2_TL.gif); background-position:top left; background-repeat:no-repeat;} div.grad_box div.rounded div div { background-image:url(../images/box2_BL.gif); background-position:bottom left; background-repeat:no-repeat;} div.grad_box div.rounded div div div { background-image:url(../images/box2_TR.gif); background-position:top right; background-repeat:no-repeat;} div.grad_box div.rounded div div div div { background-image:url(../images/box2_BR.gif); background-position:bottom right; background-repeat:no-repeat;} div.grad_box div.rounded div div div div div { padding:10px; background-image:none;} div.grad_box div.rounded div div div div div div { padding:0px; background-image:none;} /*////////////////////////// END old grad boxes ////////////////////// /* special box fixed width 133px (aka hyperlinks box) ============================== */ div.grad_box div.rounded div div div div div div.listing_hyperlinkbox {padding:0px;margin:0px; border:none; /*background:none;*/ } div.grad_box div.rounded div.design_holder div.listing_hyperlinkbox {border:none;padding:0px;margin:0px;background:none;} div.grad_box div.rounded div.design_holder div.listing_hyperlinkbox div.boxspecial {border:none;padding:0px;margin:0px;background:#d6f2f3; position:relative; } div.grad_box div.box7 div.design_holder div.listing_hyperlinkbox div.boxspecial {background:#b0d9ad; } div.grad_box div.listing_hyperlinkbox div.boxspecial div { background:url(../images/box_special133_T.gif) top left no-repeat;} div.grad_box div.listing_hyperlinkbox div.boxspecial div div { background:url(../images/box_special133_B.gif) bottom left no-repeat;} div.grad_box div.listing_hyperlinkbox div.boxspecial div div div { /* padding box */ padding:8px; background-image:none; } div.grad_box div.listing_hyperlinkbox div.boxspecial div div div div {height:100px; overflow:auto;padding:0px; background-image:none; } div.grad_box div.listing_hyperlinkbox div.boxspecial div div div div div {/* any other content */ padding:0px;height:auto; } div.grad_box div.listing_hyperlinkbox div.boxspecial div div div div div div {padding:0px; background-image:none; font-size:11px;} /* version2... */ div#pagecontent div.design_holder div.listing_hyperlinkbox2 {width:133px;float:right;} div#pagecontent div.box9 div.design_holder div.listing_hyperlinkbox2 div.boxspecial {background:#d6f2f3;} div#pagecontent div.box8 div.design_holder div.listing_hyperlinkbox2 div.boxspecial {background:#b0d9ad;} div#pagecontent div.box7 div.design_holder div.listing_hyperlinkbox2 div.boxspecial {background:#b0d9ad;} div#pagecontent div.box6 div.design_holder div.listing_hyperlinkbox2 div.boxspecial {background:#fffd96;} div#pagecontent div.box5 div.design_holder div.listing_hyperlinkbox2 div.boxspecial {background:#b899c5;} div#pagecontent div.design_holder div.listing_hyperlinkbox2 div.boxspecial div { background:url(../images/box_special133_T.gif) top left no-repeat;} div#pagecontent div.design_holder div.listing_hyperlinkbox2 div.boxspecial div div { background:url(../images/box_special133_B.gif) bottom left no-repeat;} div#pagecontent div.design_holder div.listing_hyperlinkbox2 div.boxspecial div div div {padding:8px;background-image:none;} div#pagecontent div.design_holder div.listing_hyperlinkbox2 div.boxspecial div div div div {padding:0px;} div#pagecontent div.design_holder div.listing_hyperlinkbox2 div.boxspecial div div div div div {} div#pagecontent div.design_holder div.listing_hyperlinkbox2 div.boxspecial div div div div div div { height:100px;overflow:auto;} /* main container */ div#pagecontent div.design_holder div.listing_hyperlinkbox2 div.boxspecial div div div div div div div {height:auto;} div#pagecontent div.design_holder div.listing_hyperlinkbox2 div.boxspecial div div div div div div div.iosbasketitemname {} /* ------------------------------------------------------------ hubs/profiles template styles (some may already have been specified above) ------------------------------------------------------------ */ .css_hubrightcol { background-color:red; width:160px; margin-top:40px; float:right;} .css_hubcontentcol { margin-right:175px; } .css_halfwidthouter {width:525px;} .css_halfwidthL { /*position:relative; top:0; left:0;*/ width:49%; float:left;/* padding:0; margin:0; background-image:none;*/} .css_halfwidthR { /*position:relative; top:0; left:0;*/ width:49%; float:right;/* padding:0; margin:0; background-image:none;*/} .css_profile_photo_frame {position:relative; top:0; left:0; width:150px; display:block; overflow:hidden; /*float:left;*/ text-align:center; border:1px solid #999999;} div.css_profile_photo_frame div.profile_photo {margin:0px;} .css_thirds_first {position:relative; top:0; left:0; width:164px; float:left; margin-right:16px;} .css_thirds {position:relative; top:0; left:0; width:164px; float:left; margin-right:0px;} .css_thirds_last {position:relative; top:0; left:0; width:164px; float:right; margin-right:0px;} div.profile_mid {position:relative; top:0; left:0; width:150px; } div.profile_mid div { margin-bottom:5px;} hr {position:relative; top:0; left:0; height:1px; background-color:#666666; border:none; margin:15px 0px; } div.profile_right {position:relative; top:0; left:0; background-color:#fff; border:1px solid #E1E1E1; width:100%; } div.profile_right div { margin-bottom:5px;} div.profile_right div.propad { padding:10px;} table.profiletabletop { position:relative; top:0; left:0;vertical-align:top; table-layout:fixed; width:100%; text-align:left;} table.profiletabletop td { position:relative; top:0; left:0;vertical-align:top;} div.css_halfwidthL textarea, div.css_halfwidthR textarea {position:relative; width:98%; } div.css_halfwidthL input { } table.profiletabletop2 td { vertical-align:top;} table.thumbnails {table-layout:fixed; width:100%; text-align:center; vertical-align:top;} table.thumbnails td { height:55px;} img.demothumb { width:35px; height:45px;} /* message board */ table.textmessage { width:98%;} table.textmessage td.iostextmessagethumbnail {} table.textmessage td.iostextmessagedetails {} table.textmessage td.iostextmessagedetails div.iostextmessagefromuser {color:#253b76;} table.textmessage td.iostextmessagedetails div.iostextmessagefromuser a:link, table.textmessage td.iostextmessagedetails div.iostextmessagefromuser a:visited {color:#253b76; text-decoration:none;} table.textmessage td.iostextmessagedetails div.iostextmessagefromuser a:hover, table.textmessage td.iostextmessagedetails div.iostextmessagefromuser a:active {color:#253b76; text-decoration:underline;} table.textmessage td.iostextmessagedetails div.iostextmessagereply {text-align:right;margin-top:3px;margin-bottom:10px} table.textmessage td.iostextmessagedetails div.iostextmessagereply a {font-size:9px;text-decoration:none;border:none; background-color:#00B1FF; color:#ffffff;margin-top:2px;padding:1px;cursor:pointer;} table.textmessage td.iostextmessagedetails div.iostextmessagedate {color:#999999; font-size:10px; padding-bottom:2px;font-family:"Arial";} table.textmessage td.iostextmessagedetails div.iostextmessage { border:1px solid #999999; background-color:#ffffff; padding:3px; margin-bottom:1px;width:155px; overflow:hidden;} table.textmessage td.iostextmessagemanage { width:10px;} input.messageboardbutton { border:none; background-color:#00B1FF; color:#ffffff;margin-top:2px;padding:1px;cursor:pointer;} textarea.iostextmessage {font-family:Verdana, Arial,Helvetica,sans-serif; margin:5px 0px 10px 0px; height:80px;} div.iosprivatetextmessage {clear:left; text-align:right;margin:5px 0px 0px 0px;} /* hubs notice board (needs to be thinner!) */ div.subhomeboxsolid table.textmessage td.iostextmessagedetails div.iostextmessage { width:135px; } /* friends + my groups */ table.iossimplebasket {table-layout:fixed; } table.iossimplebasket span.link a:link, table.iossimplebasket span.link a:visited {text-decoration:none; color:#253b76;font-weight:normal;font-family:Arial,Helvetica,sans-serif;} table.iossimplebasket span.link a:hover, table.iossimplebasket span.link a:active {text-decoration:underline; color:#253b76;font-weight:normal;font-family:Arial,Helvetica,sans-serif;} a.viewall {/*display:block; width:50px; hieght:20px; text-align:center;*/ padding-top:5px;} a.viewall:link, a.viewall:visited {text-decoration:none; color:#253b76;font-weight:normal;font-family:Arial,Helvetica,sans-serif; } a.viewall:hover, a.viewall:active {text-decoration:underline;color:#253b76;font-weight:normal;font-family:Arial,Helvetica,sans-serif; } table.iossimplebasket div.design_image_thumbnail2 {height:52px;width:52px; overflow:hidden; background-image:url(../images/bk_stripe.gif);background-position:top left; background-repeat:repeat;} table.iossimplebasket div.design_image_thumbnail2 span.link {display:block; } table.iossimplebasket div.design_image_thumbnail2 span.link a {display:block;} table.iossimplebasket div.design_image_thumbnail2 span.link a img {display:block;} table.iossimplebasket div.design_image_thumbnail2_caption {text-align:left; width:56px; overflow:hidden;} /* mini diary */ div.css_halfwidthouter table.ioscalendar td {background-color:#FFFFFF;border:1px solid #999999;font-size:10px;height:40px;} div.css_halfwidthouter table.ioscalendar td.ioscalendartoday div.ioscalendartoday {border:2px solid #00B1FF;height:36px;} div.css_halfwidthouter table.ioscalendar th {font-family:Arial,Helvetica,sans-serif; text-align:center;} /* rhs column logo boxes */ div.rhsbox { border:2px solid #EAF6FD; border-top:none; background-color:#FFFFFF;} div.rhsbox div.rhsboxlogos { /*height:15px;*/} div.rhsbox div.rhsboxlogos a { /*display:block; height:40px;width:40px; float:left;*/} div.rhsbox div.rhsboxlogos img {margin-left:7px;} /* rhs bits spacing classes */ div.mg_top_gap {margin-top:10px;} div.stamp_top_gap {margin-top:10px;} div.design_holder div.mediagallery {margin:0px 0px 0px 2px;padding:0 0 0 0;width:487px;height:183px /*was170px*/;overflow:auto;} div.design_holder div.mediagallery div.design_media_gallery_caption {height:42px;} table.iossearchresults tr td div.iossearchresult div.design_media_gallery_caption {height:60px;background-color:black;} table.iossearchresults tr td div.iossearchresult div.design_media_gallery_caption a {text-decoration: none;} table.iossearchresults tr td div.iossearchresult div.design_media_gallery_caption a:hover {text-decoration: underline;} table.iossearchresults {margin: 15px} table.iossearchresults td {padding: 10px;background-color:rgb(62,62,62)} table.iosreport tr td div.iossearchresult div.design_media_gallery_caption {height:60px;background-color:black;} table.iosreport tr td div.iossearchresult div.design_media_gallery_caption a {text-decoration: none;} table.iosreport tr td div.iossearchresult div.design_media_gallery_caption a:hover {text-decoration: underline;} table.iosreport {margin: 15px} table.iosreport td {padding: 10px;background-color:rgb(62,62,62)} /* homepage version*/ div.homebody div.mediagallery {margin:0px 0px 0px 2px;padding:0 0 0 0;width:541px;height:167px;overflow:auto;} div.homebody div.design_media_gallery {background-image:none;width: 109px; /* was 97px */} div.homebody div.design_media_gallery_caption { width: 105px; /* was 93px */ } div.homebody div.iosbasketitem1, div.homebody div.iosbasketitem2, div.homebody div.iosbasketitem3, div.homebody div.iosbasketitem4, div.homebody div.iosbasketitem5, div.homebody div.iosbasketitem6, div.homebody div.iosbasketitem7, div.homebody div.iosbasketitem8, div.homebody div.iosbasketitem9, div.homebody div.iosbasketitem10 { width: 109px; /* was 97px */ color:#ffffff; } div.homebody div.mediagallery table { border-collapse: collapse;} div.homebody div.mediagallery table td {} /* ------------------------------------------------------------ diary ------------------------------------------------------------ */ div.diary { height:100%;} .diarycol1 {position:relative;top:0;left:0; width:180px; float:left; border-right:5px solid #fff; border-top:10px solid #ffffff;} .diarycol2 {position:relative;top:0;left:0; width:510px; float:right; border-top:10px solid #ffffff;} .dbox {padding:10px; } .diarytop { height:50px;border-bottom:5px solid #fff;} .diarybkgrey { background-color:#f0f0f0;} .dimgtopsm { background-image:url(../images/bk_diary-top_sm.gif); background-position:top; background-repeat:no-repeat;} .dimgbotsm { background-image:url(../images/bk_diary-bot_sm.gif); background-position:bottom; background-repeat:no-repeat;} .dimgtoplg { background-image:url(../images/bk_diary-top_lg.gif); background-position:top; background-repeat:no-repeat;} .dimgbotlg { background-image:url(../images/bk_diary-bot_lg.gif); background-position:bottom; background-repeat:no-repeat;} .dmonthhead { text-align:right; font-weight:bold; height:20px; } .dt { text-align:center; padding-bottom:10px;font-weight:bold; color:#8A8A8E; font-size:13px; } .dt2 { text-align:center; padding-bottom:10px;font-weight:bold; color:#8A8A8E; font-size:11px; } .dtblue { color:#00B1FF;} .dtwidth { width:150px;} .dtleft { float:left; display:block;} .dtright { float:right; display:block;} .dt a:link, .dt a:visited {text-decoration:none; color:#999999;} .dt a:hover, .dt a:active {text-decoration:none; color:#00B1FF;} div.ioscalendarmonthandyear { text-align:center; font-weight:bold; height:30px; width:100%;color:#00B1FF;} table.ioscalendar { padding:0; margin:0;table-layout: fixed; width:100%; border:none;border-collapse:collapse; } table.ioscalendar th { padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; padding-bottom:2px; color:#868686;font-size:11px; } table.ioscalendar td {padding:0; margin:0;font-size:10px; border:1px solid #999999; background-color:#FFFFFF; height:60px; vertical-align:top; text-align:left;} table.ioscalendar td.ioscalendartoday div.ioscalendartoday { border:2px solid #00B1FF; height:58px /* or 100% */; } table.ioscalendar td.active { border-bottom:1px solid #999999;border-right:1px solid #999999; background-color:#BCE4FA; height:60px; vertical-align:top;} table.ioscalendar td.ioscalendarselectedday {background-color:#BCE4FA;} table.ioscalendar td a { font-weight:bold; } table.ioscalendar td a:link, table.ioscalendar td a:visited {text-decoration:none; color:#999999;} table.ioscalendar td a:hover, table.ioscalendar td a:active {text-decoration:none; color:#999999; } table.ioscalendar td.ioscalendarday div.ioscalendarday{ padding:0px 0px 0px 2px;} table.ioscalendar td.ioscalendarnodate {background-color:#f0f0f0;} /* was #eeeeee */ table.ioscalendar div.ioscalendaricons {float:left;} table.ioscalendar td img.ioscalendaricon { cursor:pointer;padding:1px 0px 0px 1px;} img.diaryicon {padding:3px 0px 0px 3px;} div#ioscalendarentriesdate { margin-top:10px;padding-top:10px; color:#00B1FF; background-color:#ffffff;} /* hubs diary (needs to be shorter!) */ div.subhomeboxsolid table.ioscalendar td { height:40px; } div.subhomeboxsolid table.ioscalendar td.ioscalendartoday div.ioscalendartoday { height:36px; } div.subhomeboxsolid table.ioscalendar td.active { height:40px; } span.ioscalendardayleft, span.ioscalendardayright {cursor:pointer;color: navy; background-color: #BCE4FA; width: 150px;padding: 2px;border:1px solid #00B1FF /* was navy */; } span.ioscalendardayleft { } span.ioscalendardayright { margin-left: -138px; } /*full width box */ div.diarykeyfull {} table.table_diary_key {position:relative;top:0;left:0; width:98%;} table.table_diary_key tr {} table.table_diary_key td {padding:0; margin:0;border-right:5px solid #ffffff; border-top:2px solid #ffffff;border-bottom:2px solid #ffffff;} div.dimgTL {padding:0; margin:0;background-image:url(../images/bk_diaryTL.gif); background-position:top left; background-repeat:no-repeat; border:none; width:100%;} div.dimgTR {padding:0; margin:0;background-image:url(../images/bk_diaryTR.gif); background-position:top right; background-repeat:no-repeat; border:none; width:100%;} div.dimgBR {padding:0; margin:0;background-image:url(../images/bk_diaryBR.gif); background-position:bottom right; background-repeat:no-repeat; border:none; width:100%;} div.dimgBL {padding:0; margin:0;background-image:url(../images/bk_diaryBL.gif); background-position:bottom left; background-repeat:no-repeat; border:none; width:100%;} /* calender results */ div#ioscalendarentries {border-bottom:10px solid #ffffff;} div.ioscalendarresulttitle {display:none; visibility:hidden;background-color:#ffffff; margin-top:5px;} div.ioscalendarentry {background-color:#ffffff; padding:5px 10px /*5px 10px 10px 10px*/;} .dwhitebox { background-color:#FFFFFF; padding:10px; margin:0 0 0 0; height:100%;} .dwboxspacer {margin:10px 0 0 0;} .dwhitebox a {font-size:10px;line-height:100%;} .dwhitebox a:link, .dwhitebox a:visited {text-decoration:none; color:#000000;} .dwhitebox a:hover, .dwhitebox a:active {text-decoration:none; color:#999999;} div.dwhitebox input[type='text'] {padding:0; margin:0; width:100px} div.dwhitebox label {display:block; padding:5px 0; font-weight:bold;font-family:Verdana, Arial,Helvetica,sans-serif;} /* version with blue links */ div.dwhiteboxalt a {font-size:11px;line-height:100%; font-weight:bold;} div.dwhiteboxalt a:link, div.dwhiteboxalt a:visited {text-decoration:underline; color:#00B1FF;} div.dwhiteboxalt a:hover, div.dwhiteboxalt a:active {text-decoration:underline; color:#000000;} /* Librios reports */ table.iosreport {width:100%} /* dwhitebox stuff */ .dwhiteboxhighlights { float:left; width:300px;} .dwhiteboxhighlights .dwhtitle { padding:0 0 10px 0; font-weight:bold; color:#8A8A8E; text-align:left;} .dwhiteboxhighlights .dwhentry { padding:0 0 10px 0; margin:0 0 10px 0; background:url(../images/dotted.gif) bottom repeat-x;} .dwhiteboxhighlights .dwhentry div a{ font-size:110%; font-weight:bold;} .dwhentry div a:link, .dwhentry div a:visited {text-decoration:none; color:#00B1FF;} .dwhentry div a:hover, .dwhentry div a:active {text-decoration:none; color:#999999;} .dwhiteboxhighlights .dwhentry p {font-size:10px;line-height:100%; padding-top:3px;} .dwhiteboxads {float:right; width:140px;/* max available width = 160px */ } .dwhiteboxads br {} /* dwhitebox2 stuff */ .dwtitle { font-weight:bold; color:#8A8A8E; font-size:12px;} .dtitlesm {color:#00B1FF;padding:5px 0 0 0;} .withdots { padding-bottom:5px; margin:0 0 5px 0; background:url(../images/dotted.gif) bottom repeat-x;} div.diarycol1 div.iosbasketitemname {background:transparent url(../images/dotted.gif) repeat-x scroll center bottom;margin:0pt 0pt 5px;padding-bottom:5px;} /* highlights */ div.dwhiteboxhighlights div.listing_full_out {padding:0 0 0px 0; margin:0 0 0px 0;} div.dwhiteboxhighlights div.listing_full_out a {font-size:11px; font-weight:bold;} div.dwhiteboxhighlights div.listing_full_out a:link, div.dwhiteboxhighlights div.listing_full_out a:visited {text-decoration:none; color:#00B1FF;} div.dwhiteboxhighlights div.listing_full_out a:hover, div.dwhiteboxhighlights div.listing_full_out a:active {text-decoration:none; color:#999999;} div.dwhiteboxhighlights div.listing_full_out_item {font-size:11px;padding:0 0 10px 0; margin:0 0 10px 0; background:url(../images/dotted.gif) bottom repeat-x;} div.diarycatlistdiv select {width:140px; font-size:10px;} div.diarypostcodediv input {width:140px; font-size:10px;} /* ------------------------------------------------------------ Directory ------------------------------------------------------------ */ /* blue #0001FE pink #FF35FF d blue #290182 yellow #F3CE00 teal #056B73 orange #EF7803 d pink #BA32D0 turquiose #01BCC6 purple #7606EB pale green #55CB70 red #F10101 green #02CC08 */ div.directoryhome {width: 524px;} table.directoryhometable {border-bottom:15px solid #ffffff;} table.directoryhometableinner {border:5px solid #ffffff;} table.directoryhometableinner td { } table.directoryhometableinner a img { border:5px solid #ffffff;} div.cat_arch, div.cat_arts, div.cat_business, div.cat_charities, div.cat_ecodir, div.cat_edu, div.cat_food, div.cat_health, div.cat_media, div.cat_shop, div.cat_indoors, div.cat_outdoors {position:relative;} div.toc_level1 {margin:5px; } div.cat_arch span.cref a.cref, div.cat_arts span.cref a.cref, div.cat_business span.cref a.cref { text-decoration:none;} div.cat_arch span.cref a.cref:link, div.cat_arch span.cref a.cref:visited { } div.cat_arch span.cref a.cref:hover, div.cat_arch span.cref a.cref:active {color:#0001FE; } div.cat_arch div.box3 {background-image:url(../images/bk_grad_arch.jpg);} div.cat_arch div.p img {float:left;} div.cat_arts span.cref a.cref:link, div.cat_arts span.cref a.cref:visited { } div.cat_arts span.cref a.cref:hover, div.cat_arts span.cref a.cref:active {color:#FF35FF; } div.cat_arts div.box3 {background-image:url(../images/bk_grad_arts.jpg);} div.cat_arts div.p img {float:left;} div.cat_business span.cref a.cref:link, div.cat_business span.cref a.cref:visited { } div.cat_business span.cref a.cref:hover, div.cat_business span.cref a.cref:active {color:#290182; } div.cat_business div.box3 {background-image:url(../images/bk_grad_buss.jpg);} div.cat_business div.p img {float:left;} div.cat_charities span.cref a.cref:link, div.cat_charities span.cref a.cref:visited { } div.cat_charities span.cref a.cref:hover, div.cat_charities span.cref a.cref:active {color:#F3CE00; } div.cat_charities div.box3 {background-image:url(../images/bk_grad_char.jpg);} div.cat_charities div.p img {float:left;} div.cat_ecodir span.cref a.cref:link, div.cat_ecodir span.cref a.cref:visited { } div.cat_ecodir span.cref a.cref:hover, div.cat_ecodir span.cref a.cref:active {color:#056B73; } div.cat_ecodir div.box3 {background-image:url(../images/bk_grad_ecod.jpg);} div.cat_ecodir div.p img {float:left;} div.cat_edu span.cref a.cref:link, div.cat_edu span.cref a.cref:visited { } div.cat_edu span.cref a.cref:hover, div.cat_edu span.cref a.cref:active {color:#EF7803; } div.cat_edu div.box3 {background-image:url(../images/bk_grad_educ.jpg);} div.cat_edu div.p img {float:left;} div.cat_food span.cref a.cref:link, div.cat_food span.cref a.cref:visited { } div.cat_food span.cref a.cref:hover, div.cat_food span.cref a.cref:active {color:#BA32D0; } div.cat_food div.box3 {background-image:url(../images/bk_grad_food.jpg);} div.cat_food div.p img {float:left;} div.cat_health span.cref a.cref:link, div.cat_health span.cref a.cref:visited { } div.cat_health span.cref a.cref:hover, div.cat_health span.cref a.cref:active {color:#01BCC6; } div.cat_health div.box3 {background-image:url(../images/bk_grad_heal.jpg);} div.cat_health div.p img {float:left;} div.cat_media span.cref a.cref:link, div.cat_media span.cref a.cref:visited { } div.cat_media span.cref a.cref:hover, div.cat_media span.cref a.cref:active {color:#7606EB; } div.cat_media div.box3 {background-image:url(../images/bk_grad_media.jpg);} div.cat_media div.p img {float:left;} div.cat_shop span.cref a.cref:link, div.cat_shop span.cref a.cref:visited { } div.cat_shop span.cref a.cref:hover, div.cat_shop span.cref a.cref:active {color:#55CB70; } div.cat_shop div.box3 {background-image:url(../images/bk_grad_shop.jpg);} div.cat_shop div.p img {float:left;} div.cat_indoors span.cref a.cref:link, div.cat_indoors span.cref a.cref:visited { } div.cat_indoors span.cref a.cref:hover, div.cat_indoors span.cref a.cref:active {color:#F10101; } div.cat_indoors div.box3 {background-image:url(../images/bk_grad_indo.jpg);} div.cat_indoors div.p img {float:left;} div.cat_outdoors span.cref a.cref:link, div.cat_outdoors span.cref a.cref:visited { } div.cat_outdoors span.cref a.cref:hover, div.cat_outdoors span.cref a.cref:active {color:#02CC08; } div.cat_outdoors div.box3 {background-image:url(../images/bk_grad_outd.jpg);} div.cat_outdoors div.p img {float:left;} div.directorylist {width: 250px; text-align:center; margin-left:260px;} input.greengo { padding:0px; position:relative; top:5px;} /* ------------------------------------------------------------ Homepage ------------------------------------------------------------ */ #pagecontent {position:relative; top:0; left:0;} .homepagespecial {position:relative; top:0; left:0; width:700px; margin-right:-2px;} .homebkgrey { position:relative; top:0; left:0;background-color:#DCDCDC;} div.homeimgTL { /*position:relative; top:0; left:0;*/background-image:url(../images/home_box_TL.gif); background-position:top left; background-repeat:no-repeat;} div.homeimgTR { /*position:relative; top:0; left:0;*/background-image:url(../images/home_box_TR.gif); background-position:top right; background-repeat:no-repeat; width:100%;} div.homeimgBR { /*position:relative; top:0; left:0;*/background-image:url(../images/home_box_BR.gif); background-position:bottom right; background-repeat:no-repeat; width:100%;} div.homeimgBL { /*position:relative; top:0; left:0;*/background-image:url(../images/home_box_BL.gif); background-position:bottom left; background-repeat:no-repeat; width:100%;} .homepagespecial .homebody { float:left; width:545px; background:url(../images/homebody.gif) repeat-y;} .homeboxouter { width:266px; } .homeboxsend {width:266px; height:16px; clear:left; /*background:url(../images/homebodyend.gif) top no-repeat;*/ background-color:yellow; } .floatleft { float:left;} .floatright { float:right;} div.hb_head { background-image:url(../images/home_bar_l.gif); background-position:top left; background-repeat:no-repeat; height:47px;} div.hb_head2 { background-image:url(../images/home_bar_r.gif); background-position:top right; background-repeat:no-repeat;padding:5px 0px 0px 10px; } div.hb_head2 h2 { /*width:200px; */color:#00B1FF; padding:2px 0px 0px 0px; margin:0; } div.hb_foot { background-image:url(../images/home_barbot_l.gif); background-position:top left; background-repeat:no-repeat; height:16px;} div.hb_foot2 { background-image:url(../images/home_barbot_r.gif); background-position:top right; background-repeat:no-repeat; height:16px;} table.hometoptable {} table.hometoptable tr {} table.hometoptable td { border-bottom:1px solid #CCCCCC;} ul.hometoplist { list-style:none; margin:0; padding:0;} ul.hometoplist li {list-style:none; margin:0; padding:0px; padding-top: 2px; min-height:65px; width:266px; display:block; background:url(../images/hometoplistline.gif) bottom right no-repeat;} ul.hometoplist li div { line-height:10px; font-family:sans-serif; width:auto;margin:0; padding:0px;} ul.bkorange > li:first-child {/*background-color:#F69336; orange */} ul.bkteal > li:first-child {/*background-color:#19686D; teal */} ul.bkorange > li:first-child div,ul.bkteal > li:first-child div {/*color:#ffffff;*/} ul.bkyellow li {color:#253b76;background-color:#FFF24B;/* yellow */} div.galbox {width:109px; height:149px; float:left;} div.galbox div a {} div.galbox div a:link, div.galbox div a:visited {text-decoration:none; color:#ffffff; } div.galbox div a:hover, div.galbox div a:active {text-decoration:underline; color:#ffffff; } div.galbox1, div.galbox2, div.galbox3, div.galbox4, div.galbox5 { background-color:#007A85; color:#ffffff; height:40px;} div.galbox2 {background-color:#C02D19;} div.galbox3 {background-color:#E4A613;} div.galbox4 {background-color:#5BC3B9;} div.galbox5 {background-color:#83106F;} div.galbox1 div, div.galbox2 div, div.galbox3 div, div.galbox4 div, div.galbox5 div { padding:5px 5px 0px 5px; font-weight:bold;font-size:11px;font-family:Arial,Helvetica,sans-serif;} div.home_profile_thumbs {float:left;width:53px; height:53px;} table.ioscurrentusers {} table.ioscurrentusers div.design_image_thumbnail2 {/*position:relative;*/left:0px;height:64px;width:64px; overflow:hidden; background-image:url(../images/bk_stripe.gif);background-position:top left; background-repeat:repeat;} table.ioscurrentusers div.design_image_thumbnail2 span.link {/*position:relative;*/display:block; } table.ioscurrentusers div.design_image_thumbnail2 span.link a {/*position:relative;*/display:block; } table.ioscurrentusers div.design_image_thumbnail2 span.link a img {/*position:relative;*/display:block;} table.ioscurrentusers div.design_image_thumbnail2_caption {text-align:left; width:50px; overflow:hidden;} div.usersignedin {color: black; padding: 2px; font-weight: bold; margin-left:100px; margin-right: 220px; } div.hb_strapline { font-size:10px;font-family:Arial,Helvetica,sans-serif;} p.homepara {padding:0px 10px; font-size:11px;font-family:Arial,Helvetica,sans-serif;} ul.homelist {padding:0px 0px 0px 5px;margin:0px 0px 0px 5px;font-size:11px;font-family:Arial,Helvetica,sans-serif;} ul.homelist li {padding:0px 0px 5px 0px; } .homepagespecial .adcolumn { float:right;width:120px; } .homepagespecial .adcolumn div.p { line-height:100%; margin:0px;} /* new top box */ #hometoptd { background-color:#dcdcdc;} #homeintro {width:372px;/*334px*/ height:158px; background:url(../images/home_top_bk3.jpg) top left no-repeat; float:left;} #homeintropad {padding:0px 0px 0px 10px;} #homeintro_strapline0 {font-size:12px; color:#253B75; font-weight:bold;padding-bottom:7px;} #homeintro_strapline0 a:link, #homeintro_strapline0 a:visited {text-decoration:none; color:#253B75; font-weight:bold; } #homeintro_strapline0 a:hover, #homeintro_strapline0 a:active {text-decoration:none; color:#00B1FF; font-weight:bold; } #homeintro_strapline {font-size:12px; color:#253B75; font-weight:bold;} #homeintro p {line-height:12px; font-size:11px; width:310px; color:#4E4E4E; } #homedirs {width:160px;/*198px*/ height:158px; float:right;} /* fdfdfd */ #homedirs_head {width:160px; height:67px;background:url(../images/home_top_dir_bk.jpg) top left no-repeat;} #homedirs_headpad {padding:10px 0 0 10px;} #homedirs_head h2 {margin:0px 0 0 0px; } #homedirs_head div.hb_strapline {padding:10px 0 0 0px} #homeintro p a:link, #homeintro p a:visited {text-decoration:none; color:#253B75; font-weight:bold; } #homeintro p a:hover, #homeintro p a:active {text-decoration:none; color:#00B1FF; font-weight:bold; } .galboxdir {} div.galboxdir {width:80px; height:91px; float:left;} div.galboxdir div a {} div.galboxdir div a:link, div.galboxdir div a:visited {text-decoration:none; color:#ffffff; } div.galboxdir div a:hover, div.galboxdir div a:active {text-decoration:underline; color:#ffffff; } div.galboxdir1, div.galboxdir2 { color:#ffffff; height:35px;background:url(../images/home_L_corner.png) bottom left no-repeat #E4A613;} div.galboxdir2 {background:url(../images/home_R_corner.png) bottom right no-repeat #83106F;} div.galboxdir1 div, div.galboxdir2 div { padding:2px 2px 0px 5px; font-weight:bold;font-size:10px;line-height:10px;/* this only works in ie7 if an integer....letter-spacing: -0.5px;*/font-family:Arial,Helvetica,sans-serif;} div.listing_image_news_item {height:65px;overflow:hidden;} /* optional */ .homepagespecial p {line-height:13px; margin-bottom:6px;} /* override ecomotion css! */ ul.hometoplist li div.listing_more { clear:none;} ul.hometoplist li div.listing_more img { padding:3px 10px 3px 0px; } /* css tweaks require in librios styles */ ul.hometoplist li div.listing_image { margin:0px; /* change these */ height:65px; width:65px; overflow:hidden; } ul.hometoplist li div.listing_main { margin:0px 5px 0px 75px; font-size:11px;line-height:11px;font-family:Arial,Helvetica,sans-serif; /* change these */ padding:1px 0px 0px 0px; /* add these */ } /* ------------------------------------------------------------ Sub-Homepages: profiles, groups... ------------------------------------------------------------ */ /* gray */ div.subhomeimgTL { height:14px; background-image:url(../images/subhome_box_TL.gif); background-position:top left; background-repeat:no-repeat;} div.subhomeimgTR { height:14px; background-image:url(../images/subhome_box_TR.gif); background-position:top right; background-repeat:no-repeat; width:100%;} div.subhomeimgBR { height:14px; background-image:url(../images/subhome_box_BR.gif); background-position:bottom right; background-repeat:no-repeat; width:100%;} div.subhomeimgBL { height:14px; background-image:url(../images/subhome_box_BL.gif); background-position:bottom left; background-repeat:no-repeat; width:100%;} div.subhomebox {border-left:7px solid #f5f5f5;border-right:7px solid #f5f5f5; padding:0px 10px; background-color:#FFFFFF; } /* personal profiles homepage (l.blue) */ div.subhomeimgTLp { margin-top:10px; height:14px; background-image:url(../images/subhome_box_TLp.gif); background-position:top left; background-repeat:no-repeat;} div.subhomeimgTRp { height:14px; background-image:url(../images/subhome_box_TRp.gif); background-position:top right; background-repeat:no-repeat; width:100%;} div.subhomeimgBRp { height:14px; background-image:url(../images/subhome_box_BRp.gif); background-position:bottom right; background-repeat:no-repeat; width:100%;} div.subhomeimgBLp { height:14px; background-image:url(../images/subhome_box_BLp.gif); background-position:bottom left; background-repeat:no-repeat; width:100%;} div.subhomeboxp {border-left:6px solid #C9EEEF;border-right:6px solid #C9EEEF; padding:0px 11px; background-color:#FFFFFF; } /* group profiles homepage (purple) */ div.subhomeimgTLg { margin-top:10px; height:14px; background-image:url(../images/subhome_box_TLg.gif); background-position:top left; background-repeat:no-repeat;} div.subhomeimgTRg { height:14px; background-image:url(../images/subhome_box_TRg.gif); background-position:top right; background-repeat:no-repeat; width:100%;} div.subhomeimgBRg { height:14px; background-image:url(../images/subhome_box_BRg.gif); background-position:bottom right; background-repeat:no-repeat; width:100%;} div.subhomeimgBLg { height:14px; background-image:url(../images/subhome_box_BLg.gif); background-position:bottom left; background-repeat:no-repeat; width:100%;} div.subhomeboxg {border-left:6px solid #BA82F5;border-right:6px solid #BA82F5; padding:0px 11px; background-color:#FFFFFF; } div.subhomeboxinner {padding-top:10px;} div.subhomeboxheight {height:160px;} /* groups are taller (more search fields) */ div.css_fullwidth {width:525px;} div.darkergreyTL { height:10px; background-color:#f5f5f5;background-image:url(../images/greyTL.gif); background-position:top left; background-repeat:no-repeat;} div.darkergreyTR { height:10px; background-image:url(../images/greyTR.gif); background-position:top right; background-repeat:no-repeat; width:100%;} div.darkergreyBL { height:10px; background-color:#f5f5f5;background-image:url(../images/greyBL.gif); background-position:bottom left; background-repeat:no-repeat; width:100%;} div.darkergreyBR { height:10px;background-image:url(../images/greyBR.gif); background-position:bottom right; background-repeat:no-repeat; width:100%;} div.darkergreybox { padding:0px 11px; background-color:#f5f5f5; } table.subhome_search_table td select {width:120px;} table.subhome_search_table td select option {width:150px;} table.subhome_search_table td {border-bottom:3px solid #f5f5f5;} /* hubs advertorial */ div.hubsonly div.subhomebox {padding:0px;} div.hubadvertorial .galboxdir {} div.hubadvertorial div.galboxdir {width:121px; height:144px; float:left;} div.hubadvertorial div.gwider {width:122px; } div.hubadvertorial div.galboxdir div.hubgalboximg1 { width:121px;height:99px;overflow:hidden;} div.hubadvertorial div.galboxdir div.hubgalboximg2 {width:122px;height:99px;overflow:hidden;} div.hubadvertorial div.galboxdir div a {} div.hubadvertorial div.galboxdir div a:link, div.hubadvertorial div.galboxdir div a:visited {text-decoration:none; color:#ffffff; } div.hubadvertorial div.galboxdir div a:hover, div.hubadvertorial div.galboxdir div a:active {text-decoration:underline; color:#ffffff; } div.hubadvertorial div.galboxdir1, div.hubadvertorial div.galboxdir2 { color:#ffffff; height:35px;background:url(../images/hub_ad_Lcorner.gif) bottom left no-repeat #E4A613;} div.hubadvertorial div.galboxdir2 {background:url(../images/hub_ad_Rcorner.gif) bottom right no-repeat #83106F;} div.hubadvertorial div.galboxdir1 div, div.hubadvertorial div.galboxdir2 div { padding:2px 2px 0px 5px; font-weight:bold;font-size:10px;line-height:10px;/* this only works in ie7 if an integer....letter-spacing: -0.5px;*/font-family:Arial,Helvetica,sans-serif;} /* ------------------------------------------------------------ Hubs Homepage ------------------------------------------------------------ */ .HGgrid { text-align:center;} div.subhomeimgBRcont { height:14px; background-image:url(../images/subhome_box_BRcont.gif); background-position:bottom right; background-repeat:no-repeat; width:100%;} div.subhomeimgBLcont { height:14px; background-image:url(../images/subhome_box_BLcont.gif); background-position:bottom left; background-repeat:no-repeat; width:100%;} div.subhomeimgBRsolid { height:14px; background-image:url(../images/subhome_box_BRsolid.gif); background-position:bottom right; background-repeat:no-repeat; width:100%;} div.subhomeimgBLsolid { height:14px; background-image:url(../images/subhome_box_BLsolid.gif); background-position:bottom left; background-repeat:no-repeat; width:100%;} .subhomeboxsolid {border-left:7px solid #f5f5f5;border-right:7px solid #f5f5f5; padding:0px 10px; background-color:#f5f5f5;} div.rounded2 {margin:0px; padding:0px; border:1px solid #f5f5f5 ;} div.rounded2 div { background-image:url(../images/box3_TL.gif); background-position:top left; background-repeat:no-repeat;} div.rounded2 div div { background-image:url(../images/box3_BL.gif); background-position:bottom left; background-repeat:no-repeat;} div.rounded2 div div div { background-image:url(../images/box3_TR.gif); background-position:top right; background-repeat:no-repeat;} div.rounded2 div div div div { background-image:url(../images/box3_BR.gif); background-position:bottom right; background-repeat:no-repeat;} div.rounded2 div div div div div { /* padding box */ padding:10px; background-image:none;} div.rounded2 div div div div div div { /* any other content */ padding:0px; background-image:none;} div.box3 div.boxspecial {} div.box3 div.boxspecial div { background-image:url(../images/box_special_TL.gif); background-position:top left; background-repeat:no-repeat;} div.box3 div.boxspecial div div { background-image:url(../images/box_special_BL.gif); background-position:bottom left; background-repeat:no-repeat;} div.box3 div.boxspecial div div div { background-image:url(../images/box_special_TR.gif); background-position:top right; background-repeat:no-repeat;} div.box3 div.boxspecial div div div div { background-image:url(../images/box_special_BR.gif); background-position:bottom right; background-repeat:no-repeat;} div.box3 div.boxspecial div div div div div { /* padding box */ padding:10px; background-image:none;} div.box3 div.boxspecial div div div div div div { /* any other content */ padding:0px; background-image:none; /*min-height:66px;*/} .css_halfwidthouterhubs {width:491px;} .box3 { background-color:#FFFFFF;} div.scrollbox1 { height:80px; overflow:auto; } /* ------------------------------------------------------------ postoffice + media gallery ------------------------------------------------------------ */ div.specialpagebox { width:525px;} /* ie6 needs a fiddling... */ div.pobkgrey { background-color:#DCDCDC;} div.poimgTL { background-image:url(../images/home_box_TL.gif); background-position:top left; background-repeat:no-repeat;} div.poimgTR { background-image:url(../images/home_box_TR.gif); background-position:top right; background-repeat:no-repeat; width:100%;} div.poimgBR { background-image:url(../images/home_box_BR.gif); background-position:bottom right; background-repeat:no-repeat; width:100%;} div.poimgBL { background-image:url(../images/home_box_BL.gif); background-position:bottom left; background-repeat:no-repeat; width:100%;} div.podbox { padding:10px;} .tabnav { height:29px; border-bottom:1px solid #cbcbcb;} .tabnav img { display:block; float:left; } .tabnav a { display:block; font-weight:bold; font-size:12px; float:left; height:29px;background-image:url(../images/po_tab_bk.gif); background-position:top left; background-repeat:repeat-x;} .tabnav a:link, .tabnav a:visited {text-decoration:none; color:#007dc5; } .tabnav a:hover, .tabnav a:active {text-decoration:underline; color:#007dc5; } .tabnav a.active:link, .tabnav a.active:visited {text-decoration:none; color:#ffffff; } .tabnav a.active:hover, .tabnav a.active:active {text-decoration:underline; color:#ffffff; } .tabnav a span { display:block; padding:6px 4px;} img.tabicon {float:left;margin-right:4px;} .tabnav a.active { background-image:url(../images/po_tab_active_bk.gif); background-position:top left; background-repeat:repeat-x;} /* in IE6 height screws up page background! */ .tabbody { /*height:200px;*/ background:#FFFFFF url(../images/po_grad_bk.gif) top repeat-x;} div.pobartop {background:url(../images/pobox2_TR_bk.gif) top right no-repeat; } div.pobarmid {} div.pobarmidinner {border-left:1px solid #E0E0E0; border-right:1px solid #E0E0E0; background-color:#f5f5f5 /*E3F3FD*/; padding:0px 10px; } div.pobarbot {background:url(../images/pobox2_BR_bk.gif) top right no-repeat; margin-bottom:10px; } div.organiser {margin-top:10px;} div.organiser table tr td {padding-bottom:10px;} div.design_media, div.design_media_twoscale {font-family:Arial,Helvetica,sans-serif;} /* images tab specific */ div.podbox-images div.design_media, div.podbox-images div.design_media_twoscale {width:57px; height:57px; overflow:hidden; background-color:#ccc;padding:5px;margin:0 5px;} div.podbox-images div.design_media_details span.link a:link, div.podbox-images div.design_media_details span.link a:visited {color:#253B76;font-family:Arial,Helvetica,sans-serif;font-weight:normal;text-decoration:none;} div.podbox-images div.design_media_details span.link a:hover, div.podbox-images div.design_media_details span.link a:active {color:#253B76;font-family:Arial,Helvetica,sans-serif;font-weight:normal;text-decoration:underline;} div.podbox-images div.organiser div.box11 div.rounded div div div div div div.design_media, div.podbox-images div.organiser div.box11 div.rounded div div div div div div.design_media_twoscale {width:57px; height:57px; overflow:hidden; background-color:#ccc;padding:5px;margin:0 5px;} /* films tab specific */ div.podbox-films div.design_media {width:57px; height:57px; overflow:hidden; background-color:#ccc;padding:5px;margin:0 5px;} div.podbox-films div.design_media_details span.link_popup a.link_popup:link, div.podbox-films div.design_media_details span.link_popup a.link_popup:visited {text-decoration:none; color:#999999;font-weight:normal;font-family:Arial,Helvetica,sans-serif; font-size:10px; line-height:10px;} div.podbox-films div.design_media_details span.link_popup a.link_popup:hover, div.podbox-films div.design_media_details span.link_popup a.link_popup:active {text-decoration:underline; color:#00B1FF;font-weight:normal;font-family:Arial,Helvetica,sans-serif;font-size:10px; line-height:10px;} /* documentss tab specific */ div.podbox-documents div.organiser table.iossimplebasket div.design_media_box { width:116px; height:72px; background:url(/resources/images/mg_itembox_bk.gif) no-repeat; margin:0 0 10px 0px; } div.podbox-documents div.organiser table.iossimplebasket div.design_media_box div.design_media_boxinner {padding:5px 2px;} div.podbox-documents div.organiser table.iossimplebasket div.design_media_box span.link a:link, div.podbox-documents table.iossimplebasket div.design_media_box span.link a:visited {text-decoration:none; color:#999999;font-weight:bold;font-family:Arial,Helvetica,sans-serif; font-size:11px;} div.podbox-documents div.organiser table.iossimplebasket div.design_media_box span.link a:hover, div.podbox-documents table.iossimplebasket div.design_media_box span.link a:active {text-decoration:underline; color:#00B1FF;font-weight:bold;font-family:Arial,Helvetica,sans-serif;font-size:11px;} /* audio tab specific */ /* div.podbox-audio div.organiser table.iossimplebasket div.design_media_box { width:116px; height:172px; background:url(/resources/images/mg_itembox_bk.gif) no-repeat; margin:0 0 10px 0px; } */ div.podbox-audio div.organiser table.iossimplebasket div.design_media_box div.design_media_boxinner {padding:5px 2px;} div.podbox-audio div.organiser table.iossimplebasket div.design_media_box span.link a:link, div.podbox-audio table.iossimplebasket div.design_media_box span.link a:visited {text-decoration:none; color:#999999;font-weight:bold;font-family:Arial,Helvetica,sans-serif; font-size:11px;} div.podbox-audio div.organiser table.iossimplebasket div.design_media_box span.link a:hover, div.podbox-audio table.iossimplebasket div.design_media_box span.link a:active {text-decoration:underline; color:#00B1FF;font-weight:bold;font-family:Arial,Helvetica,sans-serif;font-size:11px;} div.podbox-audio div.listing_more {display:none;visibility:hidden;} /* blogs tab specific div.podbox-blogs table.iossimplebasket div.design_media_box { width:116px; height:72px; background:url(/resources/images/mg_itembox_bk.gif) no-repeat; margin:0 0 10px 0px; } div.podbox-blogs table.iossimplebasket div.design_media_box div.design_media_boxinner {padding:5px 2px;} div.podbox-blogs table.iossimplebasket div.design_media_box span.link a:link, div.podbox-blogs table.iossimplebasket div.design_media_box span.link a:visited {text-decoration:none; color:#999999;font-weight:bold;font-family:Arial,Helvetica,sans-serif; font-size:11px;} div.podbox-blogs table.iossimplebasket div.design_media_box span.link a:hover, div.podbox-blogs table.iossimplebasket div.design_media_box span.link a:active {text-decoration:underline; color:#00B1FF;font-weight:bold;font-family:Arial,Helvetica,sans-serif;font-size:11px;} */ div.podbox-blogs div.design_media_twoscale {width:57px; height:57px; overflow:hidden; background-color:#ccc;padding:5px;margin:0 5px;} div.podbox-blogs div.design_media_details span.link a:link, div.podbox-blogs div.design_media_details span.link a:visited {color:#253B76;font-family:Arial,Helvetica,sans-serif;font-weight:normal;text-decoration:none;} div.podbox-blogs div.design_media_details span.link a:hover, div.podbox-blogs div.design_media_details span.link a:active {color:#253B76;font-family:Arial,Helvetica,sans-serif;font-weight:normal;text-decoration:underline;} div.podbox-blogs div.organiser div.box11 div.rounded div div div div div div.design_media_twoscale {width:57px; height:57px; overflow:hidden; background-color:#ccc;padding:5px;margin:0 5px;} div.design_admin span.link a {border:none; background-color:#00B1FF; color:#ffffff;padding:0px 1px;cursor:pointer;} div.design_admin span.link a:link, div.design_admin span.link a:visited {text-decoration:none; color:#ffffff;} div.design_admin span.link a:hover, div.design_admin span.link a:active {text-decoration:none; color:#ffffff;} .bluebutton {border:none; background-color:#00B1FF; color:#ffffff;margin-top:2px;padding:1px;cursor:pointer;} td.pobox_select select {width:130px;} div.design_media_twoscale span.no-image img {width:57px;} /* ------------------------------------------------------------ Ecomotion media gallery ------------------------------------------------------------ */ div.emgbk_outer { position:relative;color: white;} div.emgbk { background-color:#000000;} div.emgimgTL { background-image:url(/resources/images/emg_box_TL.gif); background-position:top left; background-repeat:no-repeat;} div.emgimgTR { background-image:url(/resources/images/emg_box_TR.gif); background-position:top right; background-repeat:no-repeat; width:100%;} div.emgimgBR { background-image:url(/resources/images/emg_box_BR.gif); background-position:bottom right; background-repeat:no-repeat; width:100%;} div.emgimgBL { background-image:url(/resources/images/emg_box_BL.gif); background-position:bottom left; background-repeat:no-repeat; width:100%;} div.emgdbox { padding:1px 1px 1px 1px;} div.emgdboxinner { padding:0px 9px 14px 9px; color: white;} div.emg_nav1 { height:50px; background-color:#000000; } div.emg_nav1 a { display:block; font-weight:bold; font-size:14px; float:left; height:34px; margin-top:16px; border-right:2px solid #000000; background-color:#000000;} div.emg_nav1 a:link, div.emg_nav1 a:visited {text-decoration:none; color:#ffffff; } div.emg_nav1 a:hover, div.emg_nav1 a:active {text-decoration:underline; color:#ffffff; background:url(/Resources/images/emg_nav1_bk.jpg) } div.emg_nav1 a.active { background:url(/Resources/images/emg_nav1_bk.jpg)} div.emg_nav1 a span { display:block; padding:12px 14px 0px 14px;} div.emg_nav1 a.emg_greentv { float:right;margin-top:5px;} div.emg_nav2 { height:32px;border-top:3px solid #00BFFF; background-color:#000000; } div.emg_nav2 a { display:block; font-weight:bold; font-size:12px; float:left; height:32px; border-right:2px solid #000000; background-color:#000000;} div.emg_nav2 a:link, div.emg_nav2 a:visited {text-decoration:none; color:#ffffff; } div.emg_nav2 a:hover, div.emg_nav2 a:active {text-decoration:underline; color:#ffffff; background:url(/Resources/images/emg_nav2_bk.jpg); } div.emg_nav2 a.active { background:url(/Resources/images/emg_nav2_bk.jpg);} div.emg_nav2 a span { display:block; padding:9px 14px 0px 14px;} div.emgbk_i { background-color:#ffffff;border-top:12px solid #000000;} div.emgimgTL_i { background-image:url(/resources/images/emg_box_i_TL.gif); background-position:top left; background-repeat:no-repeat;width:100%;} div.emgimgTR_i { background-image:url(/resources/images/emg_box_i_TR.gif); background-position:top right; background-repeat:no-repeat; width:100%;} div.emgimgBR_i { background-image:url(/resources/images/emg_box_i_BR.gif); background-position:bottom right; background-repeat:no-repeat; width:100%;} div.emgimgBL_i { background-image:url(/resources/images/emg_box_i_BL.gif); background-position:bottom left; background-repeat:no-repeat; width:100%;} div.emgbk_i2 { background-color:#3e3e3e;border-top:12px solid #000000;} div.emgimgTL_i2 { background-image:url(/resources/images/emg_box_i2_TL.gif); background-position:top left; background-repeat:no-repeat;width:100%;} div.emgimgTR_i2 { background-image:url(/resources/images/emg_box_i2_TR.gif); background-position:top right; background-repeat:no-repeat; width:100%;} div.emgimgBR_i2 { background-image:url(/resources/images/emg_box_i2_BR.gif); background-position:bottom right; background-repeat:no-repeat; width:100%;} div.emgimgBL_i2 { background-image:url(/resources/images/emg_box_i2_BL.gif); background-position:bottom left; background-repeat:no-repeat; width:100%;} div.emgdbox_i { padding:10px 10px 10px 10px;} div.extra_links { color:#ffffff;border-top:12px solid #000000;} div.emg_divider { height:25px; background:url(/Resources/images/emg_divider_bk.jpg) top repeat-x;} div.emglefthalf { width:49%; border-right:2px solid #666666; float:left;} div.emgrighthalf {width:50%; float:right;} div.emgdboxinner div.listing_main {color: white} div.emgdbox_i div.box3 {border:none;background-image:none} div.emgdbox_i div.box3 div.rounded {border:none;background-image:none} div.emgdbox_i div.box3 div.rounded div {border:none;background-image:none} div.emgdbox_i div.box3 div.rounded div div {border:none;background-image:none} div.emgdbox_i div.box3 div.rounded div div div {border:none;background-image:none} div.emgdbox_i div.box3 div.rounded div div div div {border:none;background-image:none} div.emgdbox_i div.box3 div.rounded div div div div div { /* padding box */ padding:10px; background-image:none;} div.emgdbox_i div.box3 div.rounded div div div div div div { /* any other content */ padding:0px; background-image:none;} div.emg_scrollboxouter {height:350px;overflow:auto} div.emg_scrollboxinner {width: 630px;overflow:hidden} /* ------------------------------------------------------------ footer ------------------------------------------------------------ */ #footer {position:relative;top:0;left:0; text-align:center; padding:10px 0; color:#666666;} #footer div.design_footer_left {color:#666666;} #footer a:link, #footer a:visited {text-decoration:none; color:#666666; font-weight:normal;} #footer a:hover, #footer a:active {text-decoration:underline; color:#000000; font-weight:normal;} /* ------------------------------------------------------------ overrides ------------------------------------------------------------ */ .iosresultmessage {position:relative;top:0;left:0; padding:10px; background-color:#BEEBFF; border:1px solid #00B1FF; font-weight:bold; margin:0 0 10px 0;} div.listing_more {clear:left;} /* was set to both, but this broke search results (top item cleared rhs adverts) */ div.box5 div.listing_more, div.box6 div.listing_more, div.box7 div.listing_more, div.box8 div.listing_more, div.box9 div.listing_more, div.box10 div.listing_more, div.box11 div.listing_more {width:370px;} /* if no rh col */ div.fullwidth div.box5 div.listing_more, div.fullwidth div.box6 div.listing_more, div.fullwidth div.box7 div.listing_more, div.fullwidth div.box8 div.listing_more, div.fullwidth div.box9 div.listing_more, div.fullwidth div.box10 div.listing_more, div.fullwidth div.box11 div.listing_more {width:545px;} /* national diary entries are smaller */ div.ioscalendarentry div.box5 div.listing_more, div.ioscalendarentry div.box6 div.listing_more, div.ioscalendarentry div.box7 div.listing_more, div.ioscalendarentry div.box8 div.listing_more, div.ioscalendarentry div.box9 div.listing_more, div.ioscalendarentry div.box10 div.listing_more, div.ioscalendarentry div.box11 div.listing_more {width:315px;} /* mini profile diary entries are even smaller */ div.css_halfwidthouter div.ioscalendarentry div.box5 div.listing_more, div.css_halfwidthouter div.ioscalendarentry div.box6 div.listing_more, div.css_halfwidthouter div.ioscalendarentry div.box7 div.listing_more, div.css_halfwidthouter div.ioscalendarentry div.box8 div.listing_more, div.css_halfwidthouter div.ioscalendarentry div.box9 div.listing_more, div.css_halfwidthouter div.ioscalendarentry div.box10 div.listing_more, div.css_halfwidthouter div.ioscalendarentry div.box11 div.listing_more {width:100px;} /* profiless homepage - latest profiles (needs to be a bit narrow because inside grey box) */ div.subhomebox div.box5 div.listing_more, div.subhomebox div.box6 div.listing_more, div.subhomebox div.box7 div.listing_more, div.subhomebox div.box8 div.listing_more, div.subhomebox div.box9 div.listing_more, div.subhomebox div.box10 div.listing_more, div.subhomebox div.box11 div.listing_more {width:333px;} p {font-size:12px; line-height:157%; margin-bottom:12px;} #header div.design_advert_top {position:relative;top:0;left:0; float:right; padding:35px 20px 0px 0px; margin:0px; /* padding:19px 20px 0px 0px; for 80px high banner */} #header div.design_advert_top_full {position:relative;top:0;left:0; float:right; padding:8px 20px 0px 0px; margin:0px; } /* hide 100% bits in search results */ div.iossearchresulttitle {display:none; visibility:hidden;} div.userprofilecontrol1 {font-size:11px;font-weight:bold; background-color:#75FF00; background-position:top; background-repeat:repeat-x;margin:10px 5px 5px 5px;width:120px;float:left} div.userprofilecontrol2 {font-size:11px;font-weight:bold;background-color:rgb(107,207,198); background-position:top; background-repeat:repeat-x;margin:10px 5px 5px 5px;width:120px;float:left} div.userprofilecontrol1 a {color: rgb(90,166,82); text-decoration: none; width:100%;height:100%} div.userprofilecontrol2 a {color: rgb(33,121,189); text-decoration: none; width:100%;height:100%} div#lhsadcolumn div.design_advert_rhs {text-align:center;} /* ====================================================================================================== siFr styles
The Ecomotion Directory
====================================================================================================== */ /* This is the style of your browser text (no sifr) */ h1 {position:relative;top:0px;left:0px;font-size: 18px;line-height:127%; font-weight:bold; margin:0 /*8px 8px 0*/; padding-bottom:8px;color:#00B1FF /* dblue=253b76 */;} div.pagetitle {position:relative;top:0px;left:0px;font-size: 16px;line-height:24px; font-weight:bold;} div.chicago {font-size: 14px;font-weight:bold;color:#253b76;} .chicago2 {font-size: 14px;font-weight:bold;color:#00B1FF;} /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; padding:0;} .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h1 {position:relative;top:0px;left:0px;visibility:hidden;font-size: 25px;line-height:127%;margin:0 0 5px 0; padding:0px 0 0px 0;} .sIFR-hasFlash div.pagetitle{position:relative;top:0px;left:0px;visibility: hidden;} .sIFR-hasFlash div.chicago {position:relative;top:0px;left:0px;visibility: hidden;padding:5px 0 5px 0;} .sIFR-hasFlash .chicago2 {font-size: 14px;font-weight:bold;color:#00B1FF;} /* original example... .sIFR-hasFlash h1 { visibility: hidden; letter-spacing: 0.15em; font-size: 16px; margin:0px; padding:0px 0 0px 0; background-color:blue; line-height:16px;} */ /* ------------------------------------------------------------ sub nodes (A-Z) ------------------------------------------------------------ */ A.iossubnode { font-family: "Verdana", "Arial"; color: #BBBBBB; font-size: 11px; text-decoration: none; padding:2px; } SPAN.iossubnodeselected { font-family: "Verdana", "Arial"; color: #00B1FF; font-weight: bold; font-size: 11px; text-decoration: none; padding:2px; } /*---------------------------------------------------------------- Hub gallery ------------------------------------------------------------------ */ /* homepage ones */ div.homebody div.iosbasketitem1 div.design_media_gallery_caption, div.homebody div.iosbasketitem6 div.design_media_gallery_caption { background-color:#007A85; border-color: #007A85; } div.homebody div.iosbasketitem2 div.design_media_gallery_caption, div.homebody div.iosbasketitem7 div.design_media_gallery_caption { background-color: #C02D19; border-color: #C02D19; } div.homebody div.iosbasketitem3 div.design_media_gallery_caption, div.homebody div.iosbasketitem8 div.design_media_gallery_caption { background-color: #E4A613; border-color: #E4A613; } div.homebody div.iosbasketitem4 div.design_media_gallery_caption, div.homebody div.iosbasketitem9 div.design_media_gallery_caption { background-color: #5BC3B9; border-color: #5BC3B9; } div.homebody div.iosbasketitem5 div.design_media_gallery_caption, div.homebody div.iosbasketitem10 div.design_media_gallery_caption { background-color: #83106F; border-color: #83106F; } /* media gallery ones */ div.iosbasketitem1 div.design_media_gallery_caption, div.iosbasketitem2 div.design_media_gallery_caption, div.iosbasketitem3 div.design_media_gallery_caption, div.iosbasketitem4 div.design_media_gallery_caption, div.iosbasketitem5 div.design_media_gallery_caption, div.iosbasketitem6 div.design_media_gallery_caption, div.iosbasketitem7 div.design_media_gallery_caption, div.iosbasketitem8 div.design_media_gallery_caption, div.iosbasketitem9 div.design_media_gallery_caption, div.iosbasketitem10 div.design_media_gallery_caption { background-color:#262626; border-color: #262626; } div.iosbasketitem1, div.iosbasketitem2, div.iosbasketitem3, div.iosbasketitem4, div.iosbasketitem5, div.iosbasketitem6, div.iosbasketitem7, div.iosbasketitem8, div.iosbasketitem9, div.iosbasketitem10 { width: 97px; /* was 160px */ color:#ffffff; } div.design_media_gallery { height: 120px; width: 97px; /* was 160px */ overflow: hidden; /*background-image: url('/resources/images/bk_stripe.gif');*/ background-color:#000000; } div.design_media_gallery_caption { height: 20px; width: 93px; /* was 156px */ overflow: hidden; border-style: solid; border-width: 2px; } div.mediagallery table { border-collapse: collapse; } div.design_media_gallery_caption a { color: #ffffff; } div.design_media_gallery_caption a:visited { color: white; } div.design_media_gallery_caption a:active { color: white; text-decoration: underline; } div.mediagallery table.iossimplebasket span.link a:link, div.mediagallery table.iossimplebasket span.link a:visited {text-decoration:none; color:#ffffff;font-weight:normal;font-family:Arial,Helvetica,sans-serif;} div.mediagallery table.iossimplebasket span.link a:hover, div.mediagallery table.iossimplebasket span.link a:active {text-decoration:underline; color:#ffffff;font-weight:normal;font-family:Arial,Helvetica,sans-serif;} /* ------------------------------------------------------------ quick sign up forms = hide some fields... ------------------------------------------------------------ */ /* personal */ div.quicksignup div.design_form_instructions, div.quicksignup div.page_address, div.quicksignup div.page_email, div.quicksignup div.page_website, div.quicksignup div.page_website_2, div.quicksignup div.page_phone, div.quicksignup div.page_fax, div.quicksignup div.page_contact_occupation, div.quicksignup div.page_skill_offered, div.quicksignup div.page_skill_level_offered, div.quicksignup div.page_skill_required, div.quicksignup div.page_skills_swap, div.quicksignup div.page_skill_level_required, div.quicksignup div.page_skills_comments, div.quicksignup div.page_notes { display:none; visibility:hidden;} /* professional */ div.quicksignup2 div.design_form_instructions, div.quicksignup2 div.page_address, div.quicksignup2 div.page_email, div.quicksignup2 div.page_website_2, div.quicksignup2 div.page_phone, div.quicksignup2 div.page_fax, div.quicksignup2 div.page_certifications, div.quicksignup2 div.page_certifications_other, div.quicksignup2 div.page_renewable_elec, div.quicksignup2 div.page_env_policy, div.quicksignup2 div.page_recycle, div.quicksignup2 div.page_source_locally, div.quicksignup2 div.page_audit, div.quicksignup2 div.page_energy_saving, div.quicksignup2 div.page_awards, div.quicksignup2 div.page_awards_other, div.quicksignup2 div.page_associations, div.quicksignup2 div.page_associations_other, div.quicksignup2 div.page_contact_jobdesc, div.quicksignup2 div.page_notes { display:none; visibility:hidden;} /* div.css_halfwidthouter {float:left;} div.grad_box {clear:left;} */ div.map_box div.grad_box {clear:right;} /* signed-out homepage */ #contentouter_homesignedout {background-color:#FFFFFF; background-image:url(/Resources/images/bk_homepagetrees.jpg); background-position:left top; background-repeat:no-repeat; left:0; padding:0 20px 0 0; position:relative; top:0; z-index:8; /*height:500px;*/ } p#txt1, h2#txt2, h3#txt3 {position:relative; top:0px; left:0px; color:#5e8a3f; font-size:12px; font-weight:bold;} p#txt1 { padding-top:130px;} #img1 {position:absolute; top:58px; left:0px;} #img2 {position:absolute; top:325px; left:0px;} #homeextratext {position:relative; top:0px; left:20px; width:400px; padding-top:160px} #homefeatures { position:absolute; top:220px; left:444px; width:453px; height:600px; background:url(/Resources/images/home_features3.gif) top left no-repeat; margin-top:55px; } #homefeaturesinner {position:relative; top:0px; left:0px;padding:80px 40px 10px 70px;} #homefeaturesprop { height:550px; width:1px; float:right;} #homefeatures ul {position:relative; top:0px; left:0px; } #homefeatures ul li {position:relative; top:0px; left:0px;list-style-image:url(/Resources/images/home_bullet.gif); color:#23408f; padding-bottom:10px; font-size:13px;} #homefeatures ul li span.homelisthighlight { font-weight:bold;color:#ffffff; } #homefeatures ul li span.homelisthighlight a:link, #homefeatures ul li span.homelisthighlight a:visited { color:#ffffff;} #homefeatures ul li span.homelisthighlight a:hover, #homefeatures ul li span.homelisthighlight a.linkbuttongreen:active {color:#000000;} #homeforms {position:relative; top:0px; left:20px; width:400px; padding-bottom:20px;} #homeforms, #homeforms p {font-size:11px;}