File: /home/roofmagazine.org.uk/public_html/roof_styles/roofstyles.css
body {
color:#333;
text-align:center;
font-family:Georgia, Times, serif;
padding:0;
}
img {
border:none;
}
a,a:link,a:visited {
color:#000;
text-decoration:none;
}
a:hover {
color:#00a1e1;
text-decoration:none;
}
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:32px;
letter-spacing:-1px;
margin:22px 0 0;
padding:0 4px;
}
#blog_listing h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:32px;
letter-spacing:-1px;
color:#999;
margin:0;
padding:0 4px;
}
#back_to_blog {
font-size:12px;
margin:0 0 28px 4px;
}
#back_to_blog a:link,#back_to_blog a:visited {
color:#00a1e1;
text-decoration:underline;
font-family:Arial, helvetica, sans-serif;
}
#publication_date {
font-size:14px;
color:#00a1e1;
margin-top:11px;
padding:0 4px;
}
#leadin {
font-size:16px;
margin-top:0;
color:#555;
border-bottom:1px solid #000;
line-height:21px;
font-weight:700;
font-family:Arial;
padding:0 8px 20px;
}
.blogextended a:hover {
color:#000;
text-decoration:underline;
}
#copy_area p,#about_copy_area p {
font-size:15.5px;
margin:0 4px 21px;
}
#copy_area ul,#about_copy_area ul {
font-size:15.5px;
margin:0 4px 21px;
}
#copy_area p a:link,#copy_area li a:link,#copy_area li a:visited,#copy_area p a:visited,#about_copy_area p a:link,#about_copy_area li a:link,.summary p a:link,.summary li a:visited,.blogbody p a:link,.blogbody p a:visited,.blogbody li a:link,.blogbody li a:visited,.event_description p a:link,.event_description p a:visited,.event_description li a:link,.event_description li a:visited,#about_copy_area p a:link,#about_copy_area p a:visited,#about_copy_area ul a,#about_copy_area ul a:link,#about_copy_area ul a:visited {
background-color:#f1f1f1;
border-bottom:1px dotted #000;
}
.caption_263 {
width:247px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px!important;
line-height:16px;
color:#00a1e1;
background:url(../images/roof/caption_up.gif) 4px 2px no-repeat;
padding-left:16px;
display:inline;
float:right;
clear:both;
margin:12px 0 9px 9px !important;
}
.caption_fullwidth {
font-family:Arial, Helvetica, sans-serif;
font-size:12px!important;
line-height:16px;
color:#00a1e1;
background:url(../images/roof/caption_up.gif) 0 2px no-repeat;
padding-left:12px;
clear:both;
margin:2px 0 23px 4px !important;
}
#copy_area h2,#about_copy_area h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
margin:42px 4px 21px;
}
#copy_area h3,#about_copy_area h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:400;
color:#666;
margin-left:4px;
margin-right:4px;
}
.image_wrap,.imagewrap {
float:right;
width:272px;
}
.image_wrap p,.imagewrap p,.image_wrap img,.imagewrap img {
float:none!important;
display:block;
}
.dropcap {
float:left;
font-size:70px;
display:inline;
line-height:0.8;
margin:0 4px -2px 0;
}
.firstwords {
font-weight:700;
}
.inline_image {
float:right;
clear:right;
margin:7px 0 0 9px;
}
.inline_image_194 {
float:right;
clear:right;
width:194px;
margin:7px 0 0 9px;
}
.inline_image_263 {
float:right;
clear:right;
width:263px;
margin:7px 0 0 9px;
}
.full_width_image {
width:604px;
margin:0 0 10px;
}
.skyscraper_advert {
text-align:center;
}
#diary_column ul,#content_column_blog ul,#content_column ul {
list-style-position:outside;
list-style-type:square;
margin-left:14px;
margin-bottom:21px;
}
#media_pack_spread {
display:block;
margin:0;
}
p.download_pdf_button {
width:604px;
margin:0!important;
}
p.download_pdf_button a span {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}
p.download_pdf_button a,p.download_pdf_button a:link,p.download_pdf_button a:visited {
background:#000 url(../images/roof/pdf_black.gif) 8px 8px no-repeat!important;
color:#FFF;
font-size:16px;
display:block;
text-decoration:underline;
border-bottom:none!important;
padding:8px 8px 8px 36px;
}
p.download_pdf_button a:hover {
background:#00a1e1 url(../images/roof/pdf_blue.gif) 8px 8px no-repeat!important;
}
p.body_leadin {
color:#555;
border-bottom:none;
line-height:21px;
font-size:16px;
margin-right:0!important;
padding:0 4px 11px;
}
blockquote {
border-top:1px solid #00a1e1;
border-bottom:1px solid #00a1e1;
width:586px;
display:block;
margin:24px 0 21px;
padding:9px;
}
p.quote_text {
color:#00a1e1;
font-size:24px!important;
line-height:31px;
font-weight:700;
width:100%!important;
margin:0!important;
}
p.quote_attribute {
color:#666;
width:90%!important;
margin:5px 0 0!important;
}
#baseline {
position:absolute;
top:23px;
width:100%;
height:10000px;
background:url(../images/roof/grid.gif);
z-index:100;
}
#columns {
position:absolute;
top:0;
width:100%;
height:10000px;
z-index:101;
text-align:center;
}
#columns_bg {
position:relative;
width:957px;
background:url(../images/roof/columns.png) top repeat-y;
height:10000px;
z-index:102;
margin:0 auto;
}
.line {
float:left;
width:957px;
display:block;
position:relative;
}
.item {
position:relative;
float:left;
left:957px;
}
#container {
width:957px;
padding-top:7px;
text-align:left;
margin:10px auto;
}
#header {
width:957px;
border-bottom:1px solid #000;
height:115px;
background:url(../images/roof/header_bg.gif) left bottom repeat-x;
position:relative;
padding-top:13px;
border-top:1px solid #666;
overflow:hidden;
margin:0 0 0 -957px;
}
#btt {
height:22px;
width:957px;
position:relative;
margin:30px 0 0 -957px;
}
#btt p {
font-weight:700;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0;
padding:0;
}
#btt a {
background:#333 url(../images/roof/btt.gif) 5px 4px no-repeat;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
height:17px!important;
display:block;
position:absolute;
right:0;
margin:0;
padding:5px 10px 0 25px;
}
#btt a:link,#btt a:visited {
color:#FFF;
}
#btt a:hover {
background-color:#444;
color:#FFF;
text-decoration:underline;
}
#footer {
width:957px;
border-top:1px solid #666;
background:url(../images/roof/footer_bg.gif) left top repeat-x;
position:relative !important;
padding-bottom:30px;
margin:0 0 50px -957px;
}
#roof_contact {
float:right;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
color:#666;
margin:15px 13px 0 0;
}
#footer_menu {
float:left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#666;
margin:15px 0 0 13px;
}
#footer_menu ul {
list-style:inside;
list-style-type:square;
margin-top:4px;
padding-top:0;
}
#footer_menu li {
margin-bottom:0;
line-height:21px;
}
#searchbox {
position:absolute;
bottom:8px;
left:138px;
}
#main_searchfield {
width:225px;
height:13px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999;
border-left:1px solid #333;
border-top:1px solid #333;
border-right:none;
border-bottom:1px solid #999;
-moz-border-radius-topleft:3px;
-webkit-border-top-left-radius:3px;
-moz-border-radius-bottomleft:3px;
-webkit-border-bottom-left-radius:3px;
float:left;
padding:5px 4px;
}
#main_search_button {
border:0;
height:25px;
width:33px;
float:left;
background:#444 url(../images/roof/searchbg.gif) left -72px no-repeat;
border-left:1px solid #222;
border-top:1px solid #222;
border-right:1px solid #000;
border-bottom:1px solid #000;
-moz-border-radius-topright:3px;
-webkit-border-top-right-radius:3px;
-moz-border-radius-bottomright:3px;
-webkit-border-bottom-right-radius:3px;
margin:0;
padding:0;
}
#roof_covers {
position:absolute;
right:4px;
bottom:0;
}
#subscription_promo {
height:120px;
line-height:1.09;
width:320px;
position:absolute;
right:0;
bottom:0;
margin:0!important;
padding:0 0 0 10px !important;
}
#promo_text {
position:absolute;
top:20px;
left:0;
font-size:22px;
width: 331px;
}
#login_box {
position:absolute;
background-color:#000;
height:25px;
bottom:8px;
right:0;
width:336px;
z-index:1;
-moz-border-radius-bottomleft:3px;
-webkit-border-bottom-left-radius:3px;
-moz-border-radius-topleft:3px;
-webkit-border-top-left-radius:3px;
margin:0 0 0 -336px;
}
#login_instruction {
position: absolute;
right: 340px;
text-align: right;
width: 200px;
font-weight: bold;
bottom: 14px;
display: block;
font-family: Arial;
font-size: 12px;
}
#login_user_name {
position:absolute;
left:5px;
top:3px;
width:130px;
font-size:11px;
height:13px;
border-left:1px solid #555;
border-top:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #555;
-moz-border-radius:2px;
-webkit-border-radius:2px;
font-family:Arial, Helvetica, sans-serif;
color:#999;
padding:2px;
}
#login_password,#login_password_initial,#login_password_replacement {
position:absolute;
left:146px;
top:3px;
width:130px;
font-size:11px;
height:13px;
border-left:1px solid #555;
border-top:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #555;
-moz-border-radius:2px;
-webkit-border-radius:2px;
font-family:Arial, Helvetica, sans-serif;
color:#999;
padding:2px;
}
#login_button {
position:absolute;
top:3px;
right:5px;
border-top:1px solid #666;
border-left:1px solid #666;
border-right:1px solid #222;
border-bottom:1px solid #222;
-moz-border-radius:2px;
-webkit-border-radius:2px;
background-color:#444;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
height:19px;
font-size:11px;
width:44px;
display:inline;
}
#password_reminder {
font-size: 10px !important;
font-family: arial !important;
position: absolute !important;
right: 5px !important;
left: inherit !important;
bottom: 39px !important;
top: inherit !important;
}
#navigation_column {
width:120px;
margin:9px 0 0 -957px;
}
#content_column {
width:612px;
margin:0 0 0 -819px;
}
#content_column_search {
padding-top:21px;
width:612px;
margin:0 0 0 -957px;
}
#advertising_column {
width:198px;
padding-top:20px;
text-align:center;
margin:0 0 0 -198px;
}
#body_column {
width:612px;
clear:both;
padding-top:8px;
line-height:21px;
}
#copy_area,#about_copy_area {
font-size:14px;
margin-top:22px;
position:relative;
padding:0 4px;
}
#main_navigation {
position:absolute;
top:18px;
left:138px;
list-style:none;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
#main_navigation li {
font-weight:700;
float:left;
font-size:14px;
padding-right:10px;
margin-right:10px;
border-right:1px solid #666;
text-shadow:0 0 1px #FFF;
}
.final_item {
margin-right:0;
padding-right:0;
border:none!important;
background:none!important;
}
#topics_navigation {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
list-style:none;
font-weight:700;
width:129px;
border-top:1px solid #000;
line-height:14px;
margin-top:11px;
}
#topics_navigation li {
border-bottom:1px solid #000;
}
#topics_navigation a,#topics_navigation a:link,#topics_navigation a:visited {
display:block;
width:121px;
padding:9px 4px 8px;
}
#topics_navigation a:hover {
border-bottom:none;
}
#topics_navigation a:active {
border-bottom:none;
background:#00a1e1;
color:#FFF;
}
#features_breadcrumb_trail li,#breadcrumb_trail li {
float:left;
margin-right:5px;
display:inline;
font-weight:700;
}
#features_breadcrumb_trail li a,#breadcrumb_trail li a {
text-decoration:underline;
background:url(../images/roof/r_arrow.gif) right 2px no-repeat;
padding-right:15px;
font-weight:400;
}
#search_details {
width:594px;
background-color:#f1f1f1;
border:1px solid #CCC;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:8px;
}
#search_again {
width:225px;
height:13px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
border-left:1px solid #333;
border-top:1px solid #333;
border-right:none;
border-bottom:1px solid #999;
-moz-border-radius-topleft:3px;
-webkit-border-top-left-radius:3px;
-moz-border-radius-bottomleft:3px;
-webkit-border-bottom-left-radius:3px;
float:right;
padding:5px 4px;
}
#search_again_button {
border:0;
height:25px;
float:right;
background:#444 url(../images/roof/searchagainbg.gif) left -72px no-repeat;
border-left:1px solid #222;
border-top:1px solid #222;
border-right:1px solid #000;
border-bottom:1px solid #000;
-moz-border-radius-topright:3px;
-webkit-border-top-right-radius:3px;
-moz-border-radius-bottomright:3px;
-webkit-border-bottom-right-radius:3px;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
width:125px;
margin:0;
padding:0;
}
#search_again_button span {
margin-left:15px;
}
#search_count {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-top:5px;
color:#333;
}
.search_result_item {
border-top:1px solid #666;
margin-bottom:21px;
padding:15px 4px 0;
}
.search_result_item h2 {
font-size:18px;
line-height:21px;
}
.search_description {
line-height:21px;
font-size:14px;
}
.search_readmore a:link,.search_readmore a:visited {
font-weight:700;
color:#00a1e1;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.search_published {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#666;
line-height:21px;
margin:0;
}
.search_path {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
line-height:21px;
margin:0;
}
#most_viewed ul {
margin-top:11px;
font-size:12px;
line-height:1.43;
margin-left:19px;
list-style-type:square;
list-style-position:outside;
}
#most_viewed li {
margin-bottom:8px;
}
#most_viewed a:link,#most_viewed a:visited {
color:#00a1e1;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
}
.paginate p {
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:13px;
font-weight:700;
}
#diary_column h1 {
margin-top:47px;
}
#diary_column #leadin {
color:#555;
border-bottom:none;
line-height:21px;
font-size:16px;
margin:14px 0 36px;
padding:0 4px 11px;
}
.diary_entry h2 {
width:604px;
border-bottom:1px solid #555;
float:left;
font-size:18px;
letter-spacing:0;
font-family:Arial, Helvetica, sans-serif;
line-height:21px;
margin:0 0 1px;
padding:0 4px 8px;
}
.diary_entry {
margin-bottom:31px;
padding-bottom:11px;
border-bottom:1px solid #CCC;
}
.event_contact {
clear:right;
float:right;
display:inline;
width:450px;
font-size:12px;
line-height:21px;
border:1px solid #99d9f3;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background-color:#e5f5fc;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:14px;
padding:8px 12px;
}
.event_contact a:link,.event_contact a:visited {
text-decoration:underline;
color:#00a1e1;
}
.event_contact p,.event_contact ul {
margin-bottom:8px!important;
}
.event_contact p.event_url {
margin-bottom:0!important;
}
p.event_date,p.event_location {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:14px;
color:#666;
margin:0;
}
p.event_date {
color:#333;
padding:15px 4px 0;
}
p.event_location {
margin-top:8px;
border-top:1px solid #CCC;
padding:6px 4px 0;
}
.diary_tags {
width:100%;
float:left;
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:2px 4px 4px;
}
.event_description h2,.event_contact h2 {
width:inherit!important;
border:none;
font-size:16px;
margin-top:4px;
}
#calendar_column table {
font-family:Arial, Helvetica,sans-serif;
font-size:11px;
text-align:center;
width:129px;
-moz-border-radius-topleft:3px;
-webkit-border-top-left-radius:3px;
-moz-border-radius-topright:3px;
-webkit-border-top-right-radius:3px;
background-color:#00a1e1;
}
#calendar_column table th {
color:#FFF;
font-weight:700;
text-align:center;
padding:2px;
}
#calendar_column table td {
border-top:1px solid #00a1e1;
background-color:#FFF;
color:#00a1e1;
width:15px;
height:15px;
letter-spacing:-1px;
padding:2px 0;
}
td.calendarDayHeading {
color:#FFF!important;
font-weight:700;
background-color:#66c7ed!important;
border-top:1px solid #FFF!important;
}
td.calendarBlank {
color:#bfe7f7!important;
}
.calendarCell a:link,.calendarCell a:visited {
background:url(../images/roof/calendar_active.gif) 1px top no-repeat;
color:#FFF;
font-weight:700;
display:block;
width:15px;
height:14px;
padding-top:1px;
}
.calendarCell a:hover {
color:#e5f5fc;
}
.calendarToday a:link,.calendarToday a:visited {
color:#00a1e1;
border:1px solid #00a1e1;
padding-right:3px;
}
#mailinglistbox p {
font-size:11px;
font-family:arial, helvetica, sans-serif;
margin:4px;
}
#mailinglistbox {
padding-bottom:11px;
margin-bottom:11px;
border-bottom:1px solid #CCC;
}
#mailing_email {
width:115px;
font-size:11px;
height:13px;
border-left:1px solid #999;
border-top:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #999;
-moz-border-radius:2px;
-webkit-border-radius:2px;
font-family:Arial, Helvetica, sans-serif;
color:#666;
background-color:#F1F1F1;
margin:3px 0;
padding:2px;
}
#mail_submit {
border-top:1px solid #666;
border-left:1px solid #666;
border-right:1px solid #222;
border-bottom:1px solid #222;
-moz-border-radius:2px;
-webkit-border-radius:2px;
background-color:#444;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
height:20px;
padding-top:0;
font-size:11px;
width:50px;
display:inline;
float:right;
}
#blogpage_description {
width:475px;
background-color:#f1f1f1;
border:1px solid #CCC;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin-bottom:21px;
padding:8px;
}
#diary_column #blogpage_description {
margin-top:21px;
width:594px;
}
#thanks_box {
width:594px;
background-color:#f1f1f1;
border:1px solid #CCC;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin-bottom:21px;
padding:8px;
}
#blogpage_description p {
font-family:Arial,Helvetica, sans-serif;
font-size:12px;
color:#333;
margin:0;
padding:0;
}
#blog_listing,#blog_single,#blog_listing_archive,#feature_listing,#feature_single {
clear:both;
margin:67px 0 0;
}
#diary_listing {
clear:both;
margin:21px 0 0;
}
#blog_tags_column h3,#calendar_column h3, #blog_tags_column_nested h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#555;
padding-left:4px;
padding-right:4px;
}
.blog_item h2,#blog_single h1,#feature_single {
width:604px;
border-bottom:1px solid #555;
float:left;
font-size:20px;
letter-spacing:0;
font-family:Arial, Helvetica, sans-serif;
line-height:21px;
margin:0 0 1px;
padding:0 4px 8px;
}
#blog_rh_col {
margin-left: -336px;
width: 336px;
}
#mpu_ad_area {
width: 100%;
text-align: center;
padding: 40px 0 30px 0;
}
#blog_tags_column_nested {
float: left;
width: 129px;
}
#advertising_column_blog {
float: right;
width: 198px;
text-align: center;
}
#feature_listing_archive h1 {
margin:0 0 10px 4px;
}
.noright h2,.noright h1 {
width:100%!important;
border-bottom:1px solid #555;
float:left;
font-size:20px;
letter-spacing:0;
font-family:Arial, Helvetica, sans-serif;
line-height:21px;
margin:0 0 1px;
padding:0 0 8px!important;
}
p.blog_author,p.blog_date {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
}
p.blog_date {
font-size:16px;
font-weight:700;
color:#666;
margin:0 0 4px;
padding:15px 4px 3px;
}
p.blog_author {
padding:0 4px;
}
.blog_tags {
float:none;
clear:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:2px 0 4px 4px !important;
}
.feature_tags {
float:none;
clear:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:20px 0 0;
padding:2px 0 4px 4px !important;
}
#previous_link,#next_link {
float:left;
clear:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:21px;
margin:0;
padding:0 4px;
}
#nextprev {
float:left;
clear:both;
padding:12px 0 10px;
}
.blog_comments {
float:right;
clear:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:190px;
text-align:right;
padding:2px 4px 4px 0;
}
.blog_item h2 a:link,.blog_item h2 a:visited {
color:#000;
text-decoration:none;
padding-bottom:2px;
}
.blog_item {
border-bottom:1px solid #CCC;
margin-bottom:29px;
}
.readmore_blog a {
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
padding-right:16px;
background:url(../images/roof/big_arrow_r.gif) right 4px no-repeat;
}
p.readmore_blog {
margin-top:16px;
}
.readmore_blog a:hover {
background:#00a1e1 url(../images/roof/big_arrow_r.gif) right 4px no-repeat;
}
#blog_archives {
margin-top:22px;
}
#cloud {
margin:0 4px;
}
#tag_cloud a:link,#tag_cloud a:visited {
background:none!important;
color:#00a1e1;
text-decoration:underline;
line-height:20px;
}
#blog_archives ul {
margin-top:4px;
padding-bottom:10px;
margin-bottom:6px;
padding-left:4px;
border-bottom:1px solid #e1e1e1;
}
#blog_archives li {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
list-style-type:position;
margin-left:15px;
float:none;
clear:left;
line-height:1.43;
color:#555;
}
#blog_archives a:link,#blog_archives a:visited {
background:none!important;
text-decoration:underline;
color:#00a1e1;
border-bottom:none;
}
#blog_archives h3 {
margin-bottom:3px;
}
#tag_cloud h3 {
padding-bottom:0;
margin-bottom:3px;
}
#blog_archives h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:700;
line-height:21px;
color:#555;
padding:0 4px;
}
h4.archive_closed {
background:url(../images/roof/expand.gif) 4px 6px no-repeat;
padding:0 4px 0 17px !important;
}
h4.archive_open {
background:url(../images/roof/contract.gif) 4px 6px no-repeat;
padding:0 4px 0 17px !important;
}
#pagination {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:700;
padding:4px 0 0 4px;
}
#pagination img {
margin-bottom:-1px;
}
#older_pages {
float:left;
}
#comment_list {
padding:4px 0 5px;
}
#comment_list h3 {
font-family:Arial, helvetica, sans-serif;
color:#555;
font-size:16px;
margin-bottom:12px;
}
.comment_entry {
border-bottom:1px solid #999;
line-height:21px;
margin:0 0 21px;
padding:9px 0;
}
.comment1 {
background:url(../images/roof/commentbg.gif) left 9px no-repeat;
}
.comment2 {
background:url(../images/roof/commentbg2.gif) left 9px no-repeat;
}
.comment_text p {
font-size:14px!important;
line-height:21px;
margin:0 9px;
}
p.comment_by {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:2px 9px 0;
}
#comment_input {
padding-top:4px;
line-height:21px;
}
#comment_input h3 {
font-family:Arial, helvetica, sans-serif;
color:#555;
font-size:16px;
margin-bottom:9px;
}
#comment_input textarea {
width:602px;
border-left:1px solid #333;
border-top:1px solid #333;
border-right:1px solid #999;
border-bottom:1px solid #999;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
height:136px;
margin:0 0 9px;
padding:4px;
}
#submit_comment,#preview_comment {
border-top:1px solid #666;
border-left:1px solid #666;
border-right:1px solid #222;
border-bottom:1px solid #222;
-moz-border-radius:2px;
-webkit-border-radius:2px;
background-color:#444;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
height:19px;
font-size:11px;
display:inline;
width:80px;
float:right;
margin:0 0 0 9px;
}
#submit_comment:hover,#preview_comment:hover {
text-decoration:underline;
cursor:pointer;
}
#submit_comment:active,#preview_comment:active {
text-decoration:underline;
cursor:pointer;
background-color:#000;
}
#comment_name_field,#comment_email_field {
float:left;
font-size:12px;
font-family:Arial, Hevetica, sans-serif;
clear:both;
margin:0 0 9px;
}
#comment_email_field {
margin-bottom:18px;
}
#comment_name_field input,#comment_email_field input {
border-left:1px solid #333;
border-top:1px solid #333;
border-right:1px solid #999;
border-bottom:1px solid #999;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
width:263px;
font-family:Arial, Hevetica, sans-serif;
padding:3px 2px;
}
#captcha_fields {
width:200px;
}
#captcha_fields img {
margin:10px 9px 0 0;
}
#captcha_fields input {
border-left:1px solid #333;
border-top:1px solid #333;
border-right:1px solid #999;
border-bottom:1px solid #999;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background-color:#f1f1f1;
width:138px;
padding:3px 2px;
}
#captcha_fields p {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
.jobs_search {
font-size:14px;
line-height:21px;
}
.jobs_search h1 {
margin-top:55px;
margin-bottom:21px;
}
.jobs_search .question,#contactform .question {
border-bottom:1px solid #CCC;
margin:0 0 9px;
padding:0 4px 9px;
}
.jobs_search .question_label,#contactform .question_label {
float:left;
display:inline;
width:194px;
}
.jobs_search .question_input,#contactform .question_input {
float:right;
display:inline;
width:401px;
}
.address_field {
margin-bottom:9px;
}
#errors {
font-family:Arial, Helvetica, sans-serif;
color:red;
}
.question_input select.multipleselect {
width:401px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
border-left:1px solid #333;
border-top:1px solid #333;
border-right:1px solid #999;
border-bottom:1px solid #999;
background-color:#f1f1f1;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:5px 4px;
}
p.note {
font-size:12px;
line-height:1.3;
color:#666;
margin-top:5px;
padding-right:21px;
}
textarea.text_area {
width:391px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
border-left:1px solid #333;
border-top:1px solid #333;
border-right:1px solid #999;
border-bottom:1px solid #999;
background-color:#f1f1f1;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:5px 4px;
}
.last {
border-bottom:none!important;
}
#jobscredit {
font-family:Arial, Helvetica sans-serif;
font-size:11px;
color:#666;
margin:0;
padding:0 4px;
}
#toplh_ad {
float:left;
width:468px;
position:absolute;
left:0;
height:60px;
}
#toprh_ad {
width:468px;
position:absolute;
right:0;
height:60px;
}
#adbar60 {
height:60px;
padding-bottom:14px;
margin-top:-5px;
position:relative;
overflow:hidden;
}
.inner_ad {
width:100%;
text-align:center;
margin-top:-21px;
padding:4px 0 16px;
}
#category_header {
clear:none;
margin:55px 0 22px!important;
}
#feature_listing_archive #category_header {
margin-top:35px;
}
p#logout {
text-align:left;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
padding-top:4px;
color:#FFF;
position:relative;
left:10px;
top:2px;
}
div#logout {
-moz-border-radius-bottomleft:3px;
background-color:#000;
height:26px;
position:absolute;
right:0;
top:0;
width:100px;
z-index:1;
margin:0 0 0 -100px;
}
.feature_item {
border-bottom:1px solid #CCC;
padding-bottom:20px;
margin-bottom:29px;
position: relative;
}
.readmore_feature a:link,.readmore_feature a:visited {
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
padding-right:16px;
background:#FFF url(../images/roof/big_arrow_r.gif) right 4px no-repeat!important;
color:#00a1e1;
text-decoration:underline;
font-size:14px;
border-bottom:none!important;
}
.readmore_feature a:hover {
background:#00a1e1 url(../images/roof/big_arrow_r.gif) right -16px no-repeat!important;
color:#fff;
}
.feature_item .summary {
padding-right:4px;
color:#333;
line-height:21px;
}
#article_info {
font-size:13px;
color:#333;
margin:11px 8px;
}
.feature_item h2 {
font-size:22px;
margin-bottom:1px;
}
.feature_item .feature_date {
color:#666;
font-size:12px;
margin-bottom:2px;
}
.feature_item_thumb {
float:left;
margin-right:13px;
}
#feature_author {
font-size:14px;
color:#999;
margin:0 0 11px 4px;
}
.roof_table {
width:604px;
margin-bottom:21px;
}
.roof_table td {
background-color:#e1e1e1;
border:1px solid #FFF;
vertical-align:top;
line-height:1.3;
padding:3px 4px;
}
.roof_table tfoot td {
background-color:#FFF;
border-top:1px solid #00a1e1!important;
vertical-align:top;
line-height:1.3;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
padding:8px 4px 3px!important;
}
.roof_table th {
background-color:#00a1e1;
color:#FFF;
border:1px solid #FFF;
font-weight:400;
vertical-align:top;
line-height:1.3;
padding:3px 4px;
}
td.blank,th.blank {
background-color:#FFF!important;
}
td.key_column {
color:#FFF;
background-color:#999;
}
#frontpage_content {
width:750px;
padding-top:20px;
margin:0 0 0 -957px;
}
#front_leadstory {
width:543px;
float:left;
}
#front_leadstory h1 {
font-size:32px;
margin:9px 0 0;
padding:0;
}
#front_leadstory h2 {
font-size:24px;
font-weight:400;
color:#00a1e1;
font-family:Georgia, Times, serif;
margin:0 0 9px;
padding:0;
}
#front_leadstory p {
font-size:16px;
margin:0 0 9px;
padding:0;
}
#front_leadstory p.read_more a:link,#front_leadstory p.read_more a:visited,#front_leadstory p.read_more a {
color:#00a1e1;
text-decoration:underline;
padding-right:15px;
background:url(../images/roof/big_arrow_r.gif) right 4px no-repeat;
}
#front_lead_image {
float:left;
width:267px;
}
#front_lead_text {
float:right;
width:259px;
padding:0 4px;
}
#front_blogstories {
float:right;
width:198px;
background-color:#f4f2e9;
border-top:1px solid #cdc6a1;
padding-bottom:4px;
}
#front_blogstories ul {
font-size:12px;
list-style-type:none;
}
#front_blogstories li {
font-size:12px;
border-top:1px solid #cdc6a1;
background:url(../images/roof/bloglistbullet.gif) 9px 11px no-repeat;
list-style-type:none;
padding:7px 9px 5px 18px;
}
#front_blogstories h2 {
color:#8b8147;
font-size:16px;
background:url(../images/roof/bloglisth2arrow.gif) 6px 10px no-repeat;
padding:9px 9px 7px 21px;
}
#front_blogstories h2 a:link,#front_blogstories h2 a:visited {
color:#8b8147;
}
#roofblog_rss_icon {
float:right;
margin:11px 9px 0 0;
}
#front_bar_content {
border-top:1px solid #999;
border-bottom:1px solid #999;
background:url(../images/roof/grey_pixel.gif) 543px 12px repeat-y;
margin:9px 0 0;
padding:12px 0 0;
}
#front_bar_story1 {
float:left;
margin-right:9px;
width:267px;
display:inline;
}
#front_bar_story2 {
float:left;
width:267px;
display:inline;
}
#front_bar_story1 p,#front_bar_story2 p,#front_bar_opinion p {
font-size:13px;
line-height:17px;
padding-right:4px;
}
#front_bar_content .read_more {
font-weight:700;
font-family:Arial, Helvetica, sans-serif;
}
#front_bar_content .read_more a {
color:#00a1e1;
text-decoration:underline;
padding-right:12px;
background:url(../images/roof/r_arrow.gif) right 4px no-repeat;
}
.front_bar_features_image {
float:left;
width:129px;
}
.bar_story {
float:right;
width:129px;
display:inline;
}
#front_bar_opinion {
float:right;
width:198px;
position:relative;
display:inline;
margin-left:0;
padding:0 0 12px;
}
#front_bar_opinon_image {
position:absolute;
right:0;
bottom:0;
}
#front_bottom_content {
margin-top:12px;
}
#front_jobs {
float:left;
display:inline;
width:198px;
padding-top:7px;
}
#front_jobs p {
font-size:13px;
}
#front_jobs h2 {
color:#333;
border-bottom:1px solid #333;
background:url(../images/roof/jobs_front_arrow_large.gif) 4px 2px no-repeat;
padding:0 0 5px 18px;
}
.jobs_wrapper {
border-bottom:1px solid #bababa;
padding:11px 4px;
}
#JobTitle_front {
width:180px;
margin-top:6px;
height:14px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
border-left:1px solid #333;
border-top:1px solid #333;
border-right:1px solid #999;
border-bottom:1px solid #999;
background-color:#f1f1f1;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:5px 4px;
}
#JobType_front {
width:188px;
}
#morejoboptions {
float:left;
font-size:11px!important;
margin:9px 0 0 4px;
}
#morejoboptions a:link,#morejoboptions a:visited {
color:#00a1e1;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
}
#jobsearchbutton_front {
border-top:1px solid #666;
border-left:1px solid #666;
border-right:1px solid #222;
border-bottom:1px solid #222;
-moz-border-radius:2px;
-webkit-border-radius:2px;
background-color:#444;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
height:21px;
font-size:11px;
width:54px;
float:right;
margin:5px 4px 0 0;
}
#front_Area {
width:188px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
border-left:1px solid #333;
border-top:1px solid #333;
border-right:1px solid #999;
border-bottom:1px solid #999;
background-color:#f1f1f1;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
height:100px;
padding:5px 4px;
}
#front_features_list {
width:267px;
float:left;
margin-left:9px;
display:inline;
padding-top:7px;
}
#front_opinion_list {
width:267px;
float:right;
padding-top:7px;
}
#front_features_list h2 {
color:#9c0f2e;
border-bottom:1px solid #9c0f2e;
background:url(../images/roof/features_front_arrow_large.gif) 4px 2px no-repeat;
padding:0 0 5px 18px;
}
#front_features_list h2 a:link,#front_features_list h2 a:visited {
color:#9c0f2e;
}
#front_opinion_list h2 a:link,#front_opinion_list h2 a:visited {
color:#22575d;
}
#front_features_list h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#9c0f2e;
}
#front_features_list .front_summary strong,#front_opinion_list .front_summary strong {
font-weight:400;
}
#front_opinion_list h2 {
color:#9c0f2e;
border-bottom:1px solid #22575d;
background:url(../images/roof/opinion_front_arrow_large.gif) 4px 2px no-repeat;
padding:0 0 5px 18px;
}
#front_opinion_list h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#00a1e1;
}
#front_opinion_list p a:link,#front_opinion_list p a:visited {
color:#22575d;
text-decoration:underline;
padding-right:12px;
background:url(../images/roof/opinion_front_arrow.gif) right 2px no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
}
#front_features_list p a:link,#front_features_list p a:visited {
color:#9c0f2e;
text-decoration:underline;
padding-right:12px;
background:url(../images/roof/features_front_arrow.gif) right 2px no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
}
.feature_list_image,.opinion_list_image {
float:right;
display:inline;
margin:4px 6px 0 0;
}
.feature_list_image img,.opinion_list_image img {
width:63px!important;
height:43px!important;
display:block;
}
.frontpage_content_item {
padding:9px 4px 8px;
}
.roof_boxout {
background-color:#f1f1f1;
border:1px solid #CCC;
padding:0 21px 21px;
}
.roof_boxout h2 {
margin-top:21px!important;
}
#not_loggedin_clear {
width:604px;
height:10px;
clear:both;
}
#not_logged_in {
width:604px;
background:#F4F2E9 url(http://www.roofmagazine.org.uk/images/roof/non_reg_bg.gif) repeat-y;
clear:both;
}
#promo_copy {
width:440px;
display:inline;
float:left;
background:url(../images/roof/roof_cover.gif) 265px 6px no-repeat;
margin:4px 0 0 4px;
}
#promo_copy h2 {
font-family:Georgia, Times, serif;
font-weight:400;
width:250px;
line-height:24px;
margin:10px 0 0 13px;
}
#promo_login {
background-color:#434343;
float:right;
width:160px;
display:inline;
}
#promo_login h3 {
font-family:Georgia, Times, serif;
color:#F4F2E9;
font-size:15px;
margin:10px 0 0 10px !important;
}
#promo_copy ul {
font-size:14px;
line-height:17px;
width:250px;
list-style-type:square;
list-style-position:outside;
margin:10px 0 0;
padding:0 0 10px 29px;
}
#promo_copy li {
margin-bottom:5px;
list-style-type:square!important;
}
#promo_login label {
color:#CCC;
font-size:12px;
margin:0 0 0 10px !important;
}
#promo_login_user_name,#promo_login_password {
width:133px;
font-size:11px;
height:15px;
border-left:1px solid #666;
border-top:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #666;
-moz-border-radius:2px;
-webkit-border-radius:2px;
font-family:Arial, Helvetica, sans-serif;
color:#666;
background-color:#F4F2E9;
margin:0 0 0 10px;
padding:2px;
}
#promo_login_button {
border-top:1px solid #54c0eb;
border-left:1px solid #54c0eb;
border-right:1px solid #053b50;
border-bottom:1px solid #053b50;
-moz-border-radius:2px;
-webkit-border-radius:2px;
background-color:#00a1e1;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
height:19px;
font-size:11px;
width:44px;
display:inline;
float:right;
margin:5px 10px 5px 0;
}
.search_readmore a:hover,.readmore_blog a:hover {
background-color:#00a1e1!important;
color:#FFF;
}
#front_leadstory p.read_more a:hover {
background:#00a1e1 url(../images/roof/big_arrow_r.gif) right -15px no-repeat!important;
color:#fff;
text-decoration:none;
}
#front_bar_content .read_more a:hover {
background:#00a1e1 url(../images/roof/r_arrow.gif) right -17px no-repeat!important;
color:#fff;
text-decoration:none;
}
#older_pages a:link,#older_pages a:visited {
background:#FFF url(../images/roof/big_arrow_l.gif) left 2px no-repeat!important;
padding-left:15px;
color:#00a1e1;
}
#older_pages a:hover {
background:#00a1e1 url(../images/roof/big_arrow_l.gif) left -17px no-repeat!important;
color:#fff;
}
#newer_pages a:link,#newer_pages a:visited {
background:#FFF url(../images/roof/big_arrow_r.gif) right 2px no-repeat!important;
padding-right:15px;
color:#00a1e1;
}
#newer_pages a:hover {
background:#00a1e1 url(../images/roof/big_arrow_r.gif) right -17px no-repeat!important;
color:#fff;
}
.paginate a:hover {
color:#FFF!important;
background-color:#00a1e1!important;
text-decoration:none;
}
.clearfix:after
{ content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#content_column_blog h1,#diary_listing h1 {
margin:0 0 21px;
}
h2,#tag_cloud {
font-family:Arial, Helvetica, sans-serif;
}
.double_space li,.event_description p,.blog_item .summary p,#blog_single .summary p,#blog_single .blogbody p,#blog_single .blogextended p,#feature_single p {
margin-bottom:21px;
}
.blogextended a,.blogextended a:link,.blogextended a:visited,#subscription_promo a:link,#subscription_promo a:visited,#password_reminder a:link,#password_reminder a:visited,.search_path a:link,.search_path a:visited,.paginate p a:link,.paginate p a:visited,.feature_tags a:link,.blog_feature a:visited,.blog_tags a:link,.blog_tags a:visited,.diary_tags a:link,.diary_tags a:visited,.blog_comments a:link,.blog_comments a:visited,#previous_link a:link,#previous_link a:visited,#next_link a:link,#next_link a:visited,#pagination a:link,#pagination a:visited,p#logout a:link,p#logout a:visited,#promo_copy h2 a:link,#promo_copy h2 a:visited,.feature_tags a:visited,.blog_tags a:visited,.diary_tags a:visited {
color:#00a1e1;
text-decoration:underline;
}
#password_reminder a:hover,p#logout a:hover {
background-color:#eee;
}
#content_column_blog,#diary_column {
width:612px;
margin:0 0 0 -957px;
}
#breadcrumb_trail,#features_breadcrumb_trail {
list-style:none;
font-size:13px;
font-family:Arial, Helvetica,sans-serif;
width:608px;
position:absolute;
margin:21px 0 0 4px !important;
}
#content_column #breadcrumb_trail,#diary_column #breadcrumb_trail {
margin:21px 0 0 4px !important;
}
#search_results,.jobs_search fieldset {
padding-top:21px;
}
.search_published strong,#front_jobs h2 a:link,#front_jobs h2 a:visited,#front_features_list h3 a:link,#front_features_list h3 a:visited,#front_opinion_list h3 a:link,#front_opinion_list h3 a:visited {
color:#333;
}
.event_description,.blog_item .summary,#blog_single .summary {
clear:none;
float:right;
display:inline;
width:466px;
font-size:14px;
line-height:21px;
padding:12px 4px 2px;
}
.event_details,.post_details {
clear:left;
float:left;
display:inline;
width:125px;
}
.diary_tags p,.blog_tags p,.feature_tags p {
margin:0 0 10px;
}
#calendar_column,#blog_tags_column {
width:129px;
margin:50px 0 0 -336px;
}
#calendar_column #tag_cloud,#contactform {
margin-top:21px;
}
#blog_single .blogbody,#blog_single .blogextended {
clear:none;
float:right;
display:inline;
width:466px;
font-size:14px;
line-height:21px;
padding:0 4px 2px;
}
.author_thumb,#newer_pages {
float:right;
}
.jobs_search label,#contactform label,#front_leadstory p.read_more {
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
}
input.text_field,#JobTitle {
height:14px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
border-left:1px solid #333;
border-top:1px solid #333;
border-right:1px solid #999;
border-bottom:1px solid #999;
background-color:#f1f1f1;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
width:391px;
padding:5px 4px;
}
#jobsearchbutton,#contact_button {
border-top:1px solid #666;
border-left:1px solid #666;
border-right:1px solid #222;
border-bottom:1px solid #222;
-moz-border-radius:2px;
-webkit-border-radius:2px;
background-color:#444;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
height:25px;
font-size:14px;
width:100px;
display:inline;
float:right;
}
#features_header,#opinion_header {
margin:55px 4px 0!important;
}
#article_info span,#front_blogstories h2 a:hover {
color:#00a1e1;
}
#front_opinion_list h2 a:hover,#front_features_list h2 a:hover,#front_jobs h2 a:hover,#front_features_list h3 a:hover,#front_opinion_list h3 a:hover {
color:#00a1e1!important;
}
#front_features_list .front_summary,#front_opinion_list .front_summary {
font-size:13px;
line-height:17px;
}
#front_features_list .frontpage_content_item,#front_opinion_list .frontpage_content_item {
border-bottom:1px solid #bababa;
}
#morejoboptions a:hover,#subscription_promo a:hover,#promo_copy h2 a:hover,.feature_tags a:hover,.blog_tags a:hover,.diary_tags a:hover {
background:#00a1e1;
color:#fff;
text-decoration:none;
}
#pagination a:hover,#event_contact a:hover {
background-color:#00a1e1;
text-decoration:none;
color:#FFF;
}
#tag_cloud a:hover,#blog_archives a:hover,.blog_comments a:hover {
background-color:#00a1e1!important;
text-decoration:none;
color:#FFF;
}
#google_468,#google_160 {
padding-top:21px;
text-align:center;
margin:0 0 21px;
}
.free_label {
background-color: #00a1e1;
border: 1px solid #0083b7;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding: 4px;
position: absolute;
top: 0;
right: 0;
}
.free_label p {
color: #FFF;
font-weight: bold;
margin: 0 !important;
font-size: 12px;
font-family: Arial, sans-serif;
}
.free_frontpage p {
margin: 0 !important;
font-size: 11px;
font-family: Arial, sans-serif;
color: #FFF;
font-weight: bold;
}
.free_frontpage {
display: inline;
height: 13px;
float: left;
background-color: #00a1e1;
padding: 0 3px;
border: 1px solid #0083b7;
margin: 0 3px 0 0;
-moz-border-radius: 3px;
-webkit-border-radius:3px}
#forgotten_password {
width: 400px;
padding: 0 20px 20px 20px;
margin: 100px auto;
border: 1px solid #CCCCCC;
background-color: #F1F1F1;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#forgotten_password #email {
border-left:1px solid #333;
border-top:1px solid #333;
border-right:1px solid #999;
border-bottom:1px solid #999;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
width:263px;
font-family:Arial, Hevetica, sans-serif;
padding:3px 2px;
float:left;
margin: 15px 0 0 10px;
}
#forgotten_password label {
float: left;
font-family: Arial, helvetica, sans-serif;
font-weight: bold;
margin: 15px 0 0 0;
}
#forgotten_password h1 {
font-size: 24px;
margin-bottom: 10px;
}
#forgotten_password .submitButn {
border-top:1px solid #666;
border-left:1px solid #666;
border-right:1px solid #222;
border-bottom:1px solid #222;
-moz-border-radius:2px;
-webkit-border-radius:2px;
background-color:#444;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
height:21px;
font-size:11px;
width:54px;
float:left;
margin: 15px 0 0 10px;
}
#sharethis {
float:right;
background-color:#00a1e1;
padding:5px;
border-radius:3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
height:22px;
margin-left: 10px;
}
#sharethis a {text-decoration:none}
#sharethis a:hover {text-decoration:underline}
#sharethis a, #sharethis a:hover {
display:block;
float:left;
padding: 0px 10px 0px 34px;
color:#FFF;
height:22px;
line-height:22px
}
a.at_email {
border-right:1px solid #008ac1;
background: url(../images/icons/sharethis.png) no-repeat scroll 5px -24px;
}
a.at_email:hover {
border-right:1px solid #008ac1;
text-decoration: underline;
background: url(../images/icons/sharethis.png) no-repeat scroll 5px -24px;
}
a.at_share {
border-left:1px solid #2bb1e6;
background: url(../images/icons/sharethis.png) no-repeat scroll 5px -1px;
}
a.at_share:hover {
border-left:1px solid #2bb1e6;
text-decoration: underline;
background: url(../images/icons/sharethis.png) no-repeat scroll 5px -1px;
}
#login_pannel {
background-color: #CCC;
width: 280px;
padding: 20px;
border-top: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
text-align: left;
margin: 0;
position: absolute;
left: 50%;
top: 200px;
margin-left: -140px;
-webkit-box-shadow: #000 0 0 20px;
-moz-box-shadow: #000 0 0 20px;
box-shadow: #000 0 0 20px;
z-index: 300;
}
#login_pannel h1 {
font-family: Arial, sans-serif;
color: #000;
font-size: 19px;
letter-spacing: -1px;
margin: 0 !important;
padding: 0 !important;
text-shadow: #EEE 0 1px 0;
}
.login_question {
padding: 0 0 10px 0;
margin-top: 10px;
border-bottom: 1px solid #999;
-webkit-box-shadow: #EEE 0 1px 0;
-moz-box-shadow: #EEE 0 1px 0;
box-shadow: #EEE 0 1px 0;
}
.login_question_label {
float: left;
width: 100px;
padding-top: 5px;
}
.login_question_label label {
font-family: Arial, sans-serif;
color: #000;
font-size: 16px;
letter-spacing: -1px;
margin: 0;
text-shadow: #EEE 0 1px 0;
}
.login_question_input {
font-family: Arial, sans-serif;
text-shadow: #EEE 0 1px 0;
float: right;
width: 180px;
}
.login_question_input input {
border-top: 1px solid #333;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 1px solid #333;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: #EEE 0 1px 0;
-moz-box-shadow: #EEE 0 1px 0;
box-shadow: #EEE 0 1px 0;
font-size: 14px;
padding: 3px;
width: 172px;
}
#login_pannel_close, #login_pannel_close:link,#login_pannel_close:visited {
color: #FFF;
background-color: #FF0000;
display: block;
float: left;
margin-top: 10px;
font-size: 14px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border: 1px solid #8b0101;
-webkit-box-shadow: #EEE 0 1px 0;
-moz-box-shadow: #EEE 0 1px 0;
box-shadow: #EEE 0 1px 0;
text-shadow: #cd0000 0 -1px 0;
text-decoration: none;
font-family: Arial, sans-serif;
font-weight: bold;
padding: 5px 12px;
}
#login_pannel_close:hover {
background-color: #CC0000;
}
#submit_wrap {
display: block;
float: right;
margin-top: 10px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border: 1px solid #01770c;
-webkit-box-shadow: #EEE 0 1px 0;
-moz-box-shadow: #EEE 0 1px 0;
box-shadow: #EEE 0 1px 0;
background-color: #00c913;
}
#login_pannel_submit {
color: #FFF;
background-color: #00c913;
display: block;
font-size: 14px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border: none;
text-shadow: #01770c 0 -1px 0;
font-family: Arial, sans-serif;
font-weight: bold;
height: 26px;
width: 80px;
padding: 0;
margin: 0;
cursor: pointer;
}
#login_pannel_submit:hover {
background: #00b311;
}