/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
border:0px;
}
caption, th, td {
text-align: left;
font-weight: normal;
valign:top;border:0px;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* --- end reset --- */
body {
background: url(http://www.mypage.com/apps/images/texture.png) repeat #ddd;
color: #767676;
font-family: Lucida Grande, Arial, Sans-serif;
font-size: 11px;
line-height: 18px;
}
img {
border: none;
}
#logo {
background: transparent url("http://www.mypage.com/images/logo-mypage-beta.png") no-repeat 0 0;
display: block;
height: 60px;
line-height: 100px;
margin-bottom: 15px;
overflow: hidden;
width: 320px;
}
h1,.big{font-size:20px;font-weight:bold;color:maroon;line-height:24px;background:none !important;}
h2 a {
color: #403d3c;
}
h2 {
color: #403d3c;
font-family: 'Helvetica', Arial, Sans-Serif;
font-size: 18px;
font-weight: bold;
padding-bottom: 3px;
text-shadow: #fff 1px 1px 1px;
}
h3 {
color: #cc3333;
font-weight: bold;
}
a {
color: #06c;
text-decoration: none;
font-weight: bold;
}
a:hover {
text-decoration: underline;
}
p {
margin-bottom: 6px;
}
strong {
}
/* @end HTML */
/*registration */
/*header INDEX FORM*/
.com-box-beta, .reg-box-form, .log-box-form, .row-input-holder-right input, .row-input-holder-right-log input  { behavior: url(http://www.mypage.com/images/pngfixIE6.htc) }
.mypage-beta-head { width:100%; float:left; overflow:hidden; height:auto;
background:#333333; padding:5px 0 3px 0;}
.mypage-beta-head-in { width:940px; margin:0 auto; overflow:hidden;}
.mp-landing-head-in-left { width:300px; height:50px;overflow:hidden; float:left;}
.mp-landing-head-in-left img{ border:0;position:absolute;top:50px;}
.mp-landing-head-in-right { width:640px;float:left; padding-top:25px;height:auto; }
.mp-landing-head-in-right a{ font-size:18px; color:#ccc;  font-weight:bold; }
.mp-landing-head-in-right a:hover{ color:#FB8D0D; text-decoration:underline;}
.mp-landing-head-in-right img{ border:0;}
.mp-r-t1 { width:600px; float:left; height:auto; text-align:right;}
.mp-r-t2  { width:25px; float:left; height:auto;text-align:right;}
.mypage-beta-subhead {width:100%;float:left;height:auto;background:#BBEAFB; padding-bottom:15px;border-bottom:1px solid #93DDF9;}
.mypage-beta-subhead-inner { width:940px; height:auto; margin:0 auto; color:#FFFFFF;}
.mypage-beta-subhead-inner-left { width:320px; height:59px; float:left; padding-top:15px;  text-align:right; font-size:50px; color:#04374A;}
.mypage-beta-subhead-inner-right { width:580px; height:auto; float:left;}
.com-box-beta { width:488px; height:59px; padding:20px  10px 10px 50px;  background:url(http://www.mypage.com/images/com-box-label.png) no-repeat; font-size:20px; color:#076081; float:right; line-height:24px;}
.mypage-beta-Content-holder { background:#fff;width:100%; float:left; height:auto;padding:15px 0; overflow:hidden;}
.mypage-beta-form-inner { width:940px; margin:0 auto; height:auto; overflow:hidden;}
.landing-form-box-left { width:390px;margin:5px;float:left;height:auto; }
.landing-form-box-right  { width:510px; margin:5px;float:left; height:auto; }
.event-form-holder { width:510px; float:left; height:auto;margin-top:10px;}
.log-button-box { width:500px; float:left; height:auto; padding-left:10px;}
.log-button-box ul{ margin:0; padding:0; float:left}
.log-button-box ul li{ text-decoration:none; list-style:none; display:inline;}
.log-event-btn {width:79px !important;height:22px !important;padding:6px 0 0 0 !important;background:url(http://www.mypage.com/images/loginbeta-event-bg.png) no-repeat !important;float:left !important;text-align:center !important; margin-right:15px; }
.log-event-btn a{text-decoration:none;font-size:16px;color:#A68900;font-weight:bold; }
.log-event-btn a:hover{color:#935A00; text-decoration:none !important;}
.reg-event-btn {width:95px !important;height:22px !important;padding:6px 0 0 0 !important;background:url(http://www.mypage.com/images/regbeta-event-bg.png) no-repeat;float:left !important;text-align:center !important; }
.reg-event-btn a{text-decoration:none;font-size:16px;color:#54BFE5;font-weight:bold !important;}
.reg-event-btn a:hover{color:#0C70AB; text-decoration:none !important;}
.landing-box-form {  width:510px;  height:310px; float:left; overflow:hidden;}
#main_container {
margin: 0 auto;
width: 970px;
}
#main-content {
float: left;
width:950px; background:#fff; padding:10px;
}
.page-list-wrapper {
float: left;
margin: 0 15px 10px -5px;
}
#featured {
background: #fff;
float: left;
margin-bottom: 15px;
padding: 10px;
width: 960px;
}
#featured #featured-wrapper {
margin-top: 5px;
}
#featured .tweeters-list {
background: #ffefbe url('http://www.mypage.com/assets/images/home/bg_featured.gif') top left repeat-x;
border-right: 1px solid #f2e3b4;
float: left;
margin-right: 1px;
width: 298px;
}
#featured .last {
border-right: 0;
}
.clear-br { clear:both;}
div.com-box-beta   { behavior: url(http://www.mypage.com/images/pngfixIE6.htc) }
/* styling lists in the content pages */
ul li{
list-style: none;
margin-left: 0;
list-style-type: none;
list-style-image: none;
}
/* side bar style*/
/* Sidebar
/* -------------- */
/* @group Subpage */
.main-content-bg {
background: #fff url('http://www.mypage.com/assets/images/home/bg_main_content.gif') top left no-repeat;
margin-left: -5px;
padding: 15px;overflow:hidden;
padding-bottom: 0;
width: 720px;
}
.main-content-bg-end {
background: #fff url('http://www.mypage.com/assets/images/home/bg_main_content-end.gif') top left no-repeat;
height: 20px;
margin-left: -5px;
width: 750px;
}
.main-content-bg h2 {
margin-bottom: 5px;
}
.main-content-bg p {
font-size: 12px;
margin-bottom: 20px;
}
.main-content-bg h3 {
color: #3396d4;
font-size: 14px;
margin-top: -8px;
margin-bottom: 10px;
}
.step-slide {
border:  1px solid #e5e5e5;
margin-bottom: 20px;
}
.step {
float: left;
margin-right: 10px;
position: relative;
}
.step-details {
float: right;
margin-bottom: 10px;
width: 670px;
}
#column-main {
background: #fff;
float: left;
margin: 10px 10px 10px 0;
padding: 10px;
width: 720px;
}
#column-main h2 {
float: left;
}
#column-main .main-info {
}
#column-main .main-info p {
line-height: 14px;
float: left;
width: 400px;
}
#column-main .main-info h3 {
font-size: 14px;
margin-bottom: 0px;
padding-top: 0px;
}
#column-main .tweeters-list {
background: #e8eeef url('http://www.mypage.com/assets/images/home/bg_single.gif') top left repeat-x;
border-bottom: 1px solid #fff;
padding: 10px;
}
#column-main img.user-image {
background: #fff url('http://www.mypage.com/assets/images/home/no_profile_photo.gif') top left no-repeat;
float: left;
height: 40px;
margin-right: 10px;
width: 40px;
}
#column-main img.user-image {
float: left;
height: 40px;
margin-right: 10px;
width: 40px;
}
#column-main .more-prev-btn {
margin-top: 10px;
}
.rank {
/* background: transparent url('http://www.mypage.com/assets/images/home/rank.gif') top right no-repeat; */
color: #aaa;
float: left;
font-size: 14px;
font-weight: bold;
height: 20px;
margin-left: 0px;
padding: 10px 5px 10px 0;
text-align: left;
width: 30px;
}
.real-name {
color: #98a5a7;
}
#column-main .details {
background:  transparent url('http://www.mypage.com/assets/images/home/more-info-bg.gif') top left repeat-x;
display: none;
margin-top: 10px;
padding-top: 10px;
}
#column-main .details strong {
display: block;
font-weight: bold;
}
#column-main .latest-tweet {
background:  transparent url('http://www.mypage.com/assets/images/home/quote.gif') no-repeat 10px 30px;
float: left;
margin: 0 10px 10px 0;
width: 440px;
}
#column-main .latest-tweet p {
color: #6e7778;
font-size: 14px;
padding-left: 50px;
}
#column-main .latest-tweet p .posted-at {
color: #99adb0;
font-family: 'Georgia', serif;
font-style: italic;
}
#column-main .other-details {
background:  transparent url('http://www.mypage.com/assets/images/home/bg_other_details.gif') top left repeat-y;
float: left;
margin: 0 10px 10px 0;
padding-left: 20px;
width: 220px;
}
#column-main .other-details p {
line-height: 14px;
}
.view-prev {
border: 1px solid #ccc;
float: right;
padding: 5px 10px;
text-align: center;
width: 50px;
}
.view-more {
border: 1px solid #ccc;
float: right;
margin-left: 10px;
padding: 5px 10px;
text-align: center;
width: 50px;
}
/* My Comment */
/* @end */
.clear {
clear: both;
}
/* Main Content */
#column-one {
float: left;
width: 380px;
}
#column-two {
float: left;
width: 380px;
}
.page-list {
background: #fff url('http://www.mypage.com/assets/images/home/bg-page-list.gif') top left no-repeat;
padding: 15px;
padding-bottom: 0;
width: 340px;
}
.page-list h2 {
float: left;
}
.page-list h2 a {
color: #403d3c;
}
.more-info {
background:  transparent url('http://www.mypage.com/assets/images/home/more-info-bg.gif') repeat-x;
clear: both;
display: none;
float: left;
margin-top: 10px;
width: 320px;
}
.page-list .tweeters-list div.more-info a {
color: #06c;
}
.more-info p {
padding-top: 10px;
}
.page-list strong {
color: #5a5a5a;
font-weight: bold;
}
.total-followers {
color: #f69732;
font-weight: bold;
margin-bottom: 10px;
text-align: right;
}
.page-list .tweeters-list {
background: #e8eeef url('http://www.mypage.com/assets/images/home/bg_single.gif') top left repeat-x;
border-bottom: 1px solid #fff;
padding: 10px;
}
.page-list img.user-image {
background: #fff url('http://www.mypage.com/assets/images/home/no_profile_photo.gif') top left no-repeat;
float: left;
height: 40px;
margin-right: 10px;
margin-bottom: 2px;
width: 40px;
}
.page-list .tweeters-list .details {
float:  left;
margin: 0;
padding: 0;
width:  235px;
}
.page-list .tweeters-list .details h3 {
line-height: 8px;
margin:  0 0 5px 0;
}
.info-button {
filter: alpha(opacity=70);
opacity: 0.7;
}
.info-button:hover {
filter: alpha(opacity=100);
opacity: 1;
}
.page-list .tweeters-list span {
color: #98a5a7;
}
.page-list .tweeters-list p {
color: #6e7778;
line-height: 14px;
margin:  0;
margin-bottom: 0;
}
.page-list .tweeters-list a {
color: #cc3333;
}
.info-button {
float: right;
padding: 0;
}
.end-page-list {
background: #fff url('http://www.mypage.com/assets/images/home/bg-end-page-list.gif') top left no-repeat;
height: 25px;
padding: 5px 15px 10px 15px;
text-align: right;
width: 340px;
}
#sidebar {
float: left;
margin-top: 5px;
width: 220px;
}
#sidebar h2 {
margin: 10px 0 5px;
}
#sidebar .more {
clear: both;
margin-top: 10px;
text-align: center;
}
#sidebar ul {
display: inline;
}
#sidebar ul li {
background: #eee;
float: right;
margin-bottom: 1px;
padding: 2px 10px;
width: 190px;
}
#sidebar ul li.selected {
background: #fff url('http://www.mypage.com/assets/images/home/bg_tag_arrow.gif') center left no-repeat;
cursor: pointer;
padding: 2px 15px;
}
#sidebar ul li.selected:hover {
background: #fff url('http://www.mypage.com/assets/images/home/bg_tag_arrow.gif') center left no-repeat;
text-decoration: none;
}
#sidebar ul li.selected:hover a {
text-decoration: none;
}
#sidebar ul li.more-tags {
}
#sidebar ul li.more-tags a {
color: #06c;
}
#sidebar ul li:hover {
background: #f4f4f4 url('http://www.mypage.com/assets/images/home/bg_tag_arrow.gif') center left no-repeat;
cursor: pointer;
padding: 2px 15px;
text-decoration: underline;
}
#sidebar ul li a {
color: #555;
font-weight: normal;
}
#sidebar .sidebar-split {
background: url('http://www.mypage.com/assets/images/home/sidebar-split.gif') top left repeat-x;
clear: both;
height: 10px;
}
#sidebar .tweeters-list {
background: #f8f8f8;
margin-bottom: 1px;
padding: 0 10px 10px 0;
width: 210px;
}
#sidebar .tweeters-list.alt {
background: #eee;
}
#sidebar .tweeters-list a img {
background: #fff url('http://www.mypage.com/assets/images/home/no_profile_photo.gif') top left no-repeat;
float: left;
height: 20px;
margin: 10px 0 0 10px;
width: 20px;
}
#sidebar .tweeters-list .count {
color: #aaa;
font: bold 14px 'Helvetica', Arial, Sans-Serif;
float:  right;
padding: 13px 0 0 0;
}
#sidebar .tweeters-list .arrow {
color: #ccc;
float:  left;
margin: 13px 0 0 0;
}
#sidebar .tweeters-list .details {
float: left;
margin: 0 0 0 10px;
width: 130px;
}
#sidebar #enter-a-category {
background: #c6c6c6 url('http://www.mypage.com/assets/images/home/bg_search.gif');
height: 34px;
margin: 10px 0 -5px 0;
padding: 10px;
}
#enter-a-category input.clean {
background: #fff url('http://www.mypage.com/assets/images/home/bg_input.gif') repeat-x;
border: 1px solid #9f9f9f;
color: #666;
float: left;
font: normal 14px 'Georgia', Serif;
font-style: italic;
padding: 5px 10px;
width: 140px;
}
#enter-a-category input.go {
float: left;
filter: alpha(opacity=80);
margin-left: 5px;
opacity: 0.8;
}
#enter-a-category input.go:hover {
filter: alpha(opacity=100);
opacity: 1.0;
}
.tweeters-list .details h3 {
margin: 4px 0 0 0;
}
.tweeters-list .details h3 a {
color: #cc3333;
padding: 0;
}
.tweeters-list .details em {
float: left;
line-height: 8px;
}
#sidebar dl dd div.followers {
margin-top: -6px;
}
/* @group Subpage */
.main-content-bg {
background: #fff url('http://www.mypage.com/assets/images/home/bg_main_content.gif') top left no-repeat;
margin-left: -5px;
padding: 15px;
padding-bottom: 0;
width: 720px;
}
.main-content-bg-end {
background: #fff url('http://www.mypage.com/assets/images/home/bg_main_content-end.gif') top left no-repeat;
height: 20px;
margin-left: -5px;
width: 750px;
}
.main-content-bg h2 {
margin-bottom: 5px;
}
.main-content-bg p {
font-size: 12px;
margin-bottom: 20px;
}
.main-content-bg h3 {
color: #3396d4;
font-size: 14px;
margin-top: -8px;
margin-bottom: 10px;
}
.step-slide {
border:  1px solid #e5e5e5;
margin-bottom: 20px;
}
.step {
float: left;
margin-right: 10px;
position: relative;
}
.step-details {
float: right;
margin-bottom: 10px;
width: 670px;
}
#column-main {
background: #fff;
float: left;
margin: 10px 10px 10px 0;
padding: 10px;
width: 720px;
}
#column-main h2 {
float: left;
}
#column-main .main-info {
}
#column-main .main-info p {
line-height: 14px;
float: left;
width: 400px;
}
#column-main .main-info h3 {
font-size: 14px;
margin-bottom: 0px;
padding-top: 0px;
}
#column-main .tweeters-list {
background: #e8eeef url('http://www.mypage.com/assets/images/home/bg_single.gif') top left repeat-x;
border-bottom: 1px solid #fff;
padding: 10px;
}
#column-main img.user-image {
background: #fff url('http://www.mypage.com/assets/images/home/no_profile_photo.gif') top left no-repeat;
float: left;
height: 40px;
margin-right: 10px;
width: 40px;
}
#column-main img.user-image {
float: left;
height: 40px;
margin-right: 10px;
width: 40px;
}
#column-main .more-prev-btn {
margin-top: 10px;
}
.rank {
/* background: transparent url('http://www.mypage.com/assets/images/home/rank.gif') top right no-repeat; */
color: #aaa;
float: left;
font-size: 14px;
font-weight: bold;
height: 20px;
margin-left: 0px;
padding: 10px 5px 10px 0;
text-align: left;
width: 30px;
}
.real-name {
color: #98a5a7;
}
#column-main .details {
background:  transparent url('http://www.mypage.com/assets/images/home/more-info-bg.gif') top left repeat-x;
display: none;
margin-top: 10px;
padding-top: 10px;
}
#column-main .details strong {
display: block;
font-weight: bold;
}
#column-main .latest-tweet {
background:  transparent url('http://www.mypage.com/assets/images/home/quote.gif') no-repeat 10px 30px;
float: left;
margin: 0 10px 10px 0;
width: 440px;
}
#column-main .latest-tweet p {
color: #6e7778;
font-size: 14px;
padding-left: 50px;
}
#column-main .latest-tweet p .posted-at {
color: #99adb0;
font-family: 'Georgia', serif;
font-style: italic;
}
#column-main .other-details {
background:  transparent url('http://www.mypage.com/assets/images/home/bg_other_details.gif') top left repeat-y;
float: left;
margin: 0 10px 10px 0;
padding-left: 20px;
width: 220px;
}
#column-main .other-details p {
line-height: 14px;
}
.view-prev {
border: 1px solid #ccc;
float: right;
padding: 5px 10px;
text-align: center;
width: 50px;
}
.view-more {
border: 1px solid #ccc;
float: right;
margin-left: 10px;
padding: 5px 10px;
text-align: center;
width: 50px;
}
/* My Comment */
/* @end */
.clear {
clear: both;
}
#footer-wrapper {
background: #c6c6c6;
clear: both;
float: left;
margin-top: 20px;
width: 100%;
}
#footer {
color: #444;
margin: 0 auto;
padding: 20px 0;
width: 980px;
}
#footer a {
color: #444;
font-weight: normal;
}
#footer a:hover {
text-decoration: underline;
}
#footer ul {
float: right;
}
#footer ul li {
display: inline;
padding-left: 10px;
}
#footer #media-temple {
clear: both;
float: right;
margin-top: 5px;
}
.view-prev-and-more {
background: #fff;
margin-right: 20px;
padding: 10px;
}
.four-o-four-wrapper {
background: #fff;
margin-top: 20px;
padding: 10px;
}
.four-o-four {
background: #fff url('http://www.mypage.com/assets/images/home/bg_404.gif') no-repeat;
height: 80px;
margin: 0 auto;
padding-top: 50px;
padding-left: 180px;
width: 430px;
}
.four-o-four-quote {
color: #444;
font: normal 18px 'helvetica', arial, sans-serif;
}
.more-prev-btn {
float: right;
margin-left: 10px;
}
.browse-tags {
float: left;
margin-top: 5px;
}
/* @group Add yourself */
.pick-3 {
background: #eaeef1 url('http://www.mypage.com/assets/images/home/bg_pick_3.jpg') no-repeat;
padding: 40px 0;
text-align: center;
}
.pick-3 h2 {
color: #cc3333;
font-size: 24px;
font-weight: bold;
}
.your-3-tags {
}
.pick-3 input.clean {
background: #fff url('http://www.mypage.com/assets/images/home/bg_input.gif') repeat-x;
border: 1px solid #dedede;
color: #666;
font: normal 16px 'Georgia', Serif;
font-style: italic;
height: 20px;
margin: 0 10px;
padding: 10px 10px;
width: 180px;
}
.steps-2-and-3 {
background: #e8eeef url('http://www.mypage.com/assets/images/home/bg_single.gif') top left repeat-x;
margin-bottom: 20px;
padding: 10px 20px;
}
.steps-2-and-3 h3 {
color: #5a5a5a;
margin: 0 0 10px 0;
}
.verify-yourself {
float: left;
width: 260px;
}
.verify-yourself input.clean {
background: #fff url('http://www.mypage.com/assets/images/home/bg_input.gif') repeat-x;
border: 1px solid #dedede;
color: #666;
font: normal 12px 'Georgia', Serif;
font-style: italic;
margin-bottom: 5px;
padding: 4px 10px;
width: 160px;
}
.page-icon {
float: left;
margin-right: 10px;
}
.tweet-complete {
/*
background: transparent url('http://www.mypage.com/assets/images/home/bg_tweet_complete.gif') repeat-y;
*/
float: left;
padding-left: 20px;
}
.tweet-complete textarea {
background: #fff url('http://www.mypage.com/assets/images/home/bg_input.gif') repeat-x;
border: 1px solid #dedede;
height: 30px;
padding: 5px 10px;
width: 620px;
}
.almost-done {
text-align: center;
}
.almost-done .add-to-wefollow {
display: block;
margin: 0 auto;
padding: 10px 0;
}
/* @end */
/* @group All Tags */
.complete-search {
background: #fff url('http://www.mypage.com/assets/images/home/bg_search_all_tags.gif') repeat-x;
height: 51px;
margin-bottom: 20px;
}
.complete-search h3 {
color: #666;
float: left;
font-size: 12px;
padding: 25px 20px 0;
}
.btn-complete-search {
float: left;
margin-top: 10px;
margin-right: 5px;
filter: alpha(opacity=70);
opacity: 0.7;
}
.btn-complete-search:hover {
filter: alpha(opacity=100);
opacity: 1.0;
}
.complete-search input.clean {
background: #fff url('http://www.mypage.com/assets/images/home/bg_input.gif') repeat-x;
border: 1px solid #dedede;
color: #666;
float: left;
font: normal 16px 'Georgia', Serif;
font-style: italic;
padding: 5px 10px;
width: 240px;
}
.complete-search-search {
float: right;
margin-top: 5px;
width: 310px;
}
.complete-search-search .go {
margin-top: 2px;
margin-left: 10px;
filter: alpha(opacity=70);
opacity: 0.7;
}
.complete-search-search .go:hover {
filter: alpha(opacity=100);
opacity: 1.0;
}
ul.tag-list {
}
ul.tag-list li a:hover {
text-decoration: none!important;
}
ul.tag-list li {
background: #eee;
color: #666;
display: inline;
float: left;
margin: 0 2px 2px 0;
padding: 5px 10px
}
ul.tag-list li a {
color: #666;
}
ul.tag-list li span {
color: #f69732;
font-weight: bold;
}
#char-count {
float: right;
color: #999;
}
/* @end */
.arrow-up-overlay {
background: transparent	url('http://www.mypage.com/assets/images/home/arrow-up.png') no-repeat;
height: 50px;
margin: 33px 0 0 45px;
position: absolute;
width: 50px;
z-index: 5;
}
.arrow-down-overlay {
background: transparent	url('http://www.mypage.com/assets/images/home/arrow-down.png') no-repeat;
height: 50px;
margin: 33px 0 0 45px;
position: absolute;
width: 50px;
z-index: 5;
}
.new-follower-count {
background: transparent url('http://www.mypage.com/assets/images/home/classy-border.gif') no-repeat;
float: right;
padding-top: 10px;
text-align: center;
width: 70px;
}
.follower-count {
background: transparent url('http://www.mypage.com/assets/images/home/classy-border.gif') no-repeat;
float: right;
padding-top: 10px;
text-align: center;
width: 90px;
}
.main-info .info-button {
background: transparent url('http://www.mypage.com/assets/images/home/classy-border.gif') no-repeat;
padding: 10px;
padding-right: 0;
padding-top: 0;
}
.follower-number {
color: #444;
font: bold 14px 'helvetica', arial, sans-serif;
}
.new-follower-number {
color: #1e9f09;
font: bold 14px 'helvetica', arial, sans-serif;
}
.new-follower-number.grey {
color: #444;
}
.new-follower-number.red {
color: #cc000;
}
.messagebox{
position:absolute;
width:100px;
margin-left:30px;
border:1px solid #c93;
background:#ffc;
padding:3px;
}
.messageboxok{
position:absolute;
width:auto;
margin-left:30px;margin-right:30px;
border:1px solid #FF002A;
background:#D4FFAA;
padding:10px;
font-weight:bold;
color:#A5A5A5;
}
.messageboxerror{
position:absolute;
width:auto;
margin-left:30px;margin-right:30px;
border:1px solid #CC0000;
background:#F7CBCA;
padding:10px;
font-weight:bold;
color:#CC0000;
}
/*
BLOGGING ENGINE
*/
.post-info {
border-bottom:4px solid #889398;
bottom:0;
height:auto;
margin:0;
padding:10px 5px;
position:absolute;
right:0;
width:190px;
}
.post-info .weblog_dateheader {
-x-system-font:none;
color:#81888D;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:0.92em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-align:right;
}
.weblog-post {
margin:0 0 25px;
}
h1.weblog-post, .single h1.weblog-post, h3.post-title-small {
border-bottom:4px solid #30393D;
height:auto;
margin:0;
padding:10px 0;
width:380px;
}
.single h3.post-title {
font-size:2.00em;
width:275px;
}
h3.post-title-small {
font-size:1.50em;
}
.post-box {
background:#FDFEFE url(http://www.mypage.com/mod/template/templates/Default_Template/images/post-box-top.gif) repeat-x scroll center top;
border-color:-moz-use-text-color #DCE7ED #CFDBE1;
border-style:none solid solid;
border-width:0 1px 1px;
margin:0;
padding:0;
}
.post-content, .page-content, .comment-content {
border-color:#FFFFFF #FFFFFF #E8EBEC;
border-style:solid;
border-width:1px;
margin:0;
padding:22px 22px 11px;
position:relative;
}
.user {
float:left; margin:5px 10px 10px 0;width:20px;
}
.user img {
border:1px solid #eee;  padding:2px;  width:15px;  height:15px;
}
.post-image, .post-image-inner {
display:block;
height:auto;
margin:0 auto 10px;
padding:0;
width:auto;
}
.weblog-keywords p {background: url(http://www.mypage.com/mod/template/icons/tags.png) no-repeat left;padding-left:15px;}
.weblog-keywords p a {
margin:5px 0 0 25px;
padding:0;  clear:both;
}
.post {
margin:5px 5px 5px 5px;  background: transparent;
}
.post p { font-size: 1.2em; line-height: 1.4em; margin: 0 0 1.5em 0;  }
.info {
clear:both;
color: #eee;  font-size:90%;
}
.info p {
padding:5px;  margin:0;  color:#990000;
}
.info p a {
font-size:0.9em;  color:#555;
}
/* this is the thin line between the actual post and comments */
#comments-divide {
height:10px;
}
.commentbox{
background-color: #ececec;
width: 450px;
padding: 10px;
}
.commentfooter{
background: url(http://www.mypage.com/_images/blog/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}
/* END OF BLOGGING ENGINE */
/*
Top SUB MENU OPTIONS: THESE WILL BE MOVED TO THE NEW SIDEBAR SHORTLY
.mptopsubmenu{background:url(http://www.mypage.com/_images/topsubmenu.gif) no-repeat #DDDDDD;margin-bottom:0px;min-height:38px;}
.mpmenuholder{font-size:10px;color:#000;font-weight:500;background:transparent;padding-top:15px;}
/* END OF SUB-MENU DIV */
/*
/* the end of INFOHOLDER */
#tagcloud {
padding: 15px;
border: solid 1px #eee;
background: #f5f5f5;
line-height:2.9em;
}
#tagcloud a {
text-decoration: none;
}
#demo { width:30em; }
#demo .yui-content { width:700px; height:auto; }
/*WIDGETS STYLES */
.widgets_even { float:left; width:340px; margin:0; padding:0px; }
.widgets_odd { float:right; width:340px; margin:0; padding:0px; }
.widget { margin-bottom: 25px; margin:0px; width:339px; overflow-x:hidden; }
.widget_title {line-height:1.8em;font-size:1.2em;font-weight:900;}
.widget_content { width:339px;position:relative;}
.widget_content h3 { padding:0; margin:1px; }
.widget_bottom { display: block; margin: 0px; padding-left: 10px; font-size:0.8em;}
.widget_menu ul { margin:0 0 0 5px; padding:0; }
.widget_menu ul li { list-style:none; }
.widget_menu ul li a { text-decoration:underline; }
.widget_admin_menu { height: 30px;  padding:2px 0 0 5px;}
/* orange juice new templates start */
/* orange juice template */
@charset "utf-8";
/* CSS Document */
/* for steps */
.mpsteps{width:34px;height:32px;background:url(http://www.mypage.com/mod/template/templates/Public/images/step.png) no-repeat top center;text-align:center;font-size:18px;color:#000;line-height:32px;float:left;margin-right:15px;}
/*for footer */
.clearfix:after {
content: " ";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
#footer {
margin:0; padding:30px 0;
width:auto; height:auto;font:normal;font-size:12px;
background:#171615 url(http://assets.zipsite.net/home/footer-stroke.gif) repeat-x top center;
border-top:1px solid #171615; border-bottom:1px solid #1e1d1d;
}
#footer h4 {
margin:0 0 20px 0;
font:bold 23px Arial, Helvetica, sans-serif; color:#fefefe;
}
.footer-divider {
background:url(http://assets.zipsite.net/home/footer-divider.gif) repeat-y top left;
}
#footer .categories {
margin:0; padding:0;
width:360px; height:auto;
float:left;
}
.footer-cat {
margin:0; padding:0;
width:360px; height:auto;
list-style:none;
}
.footer-cat li {
margin:5px 0; padding:0 0 0 9px;
width:150px; height:auto;
float:left;
background:url(http://assets.zipsite.net/home/footer-cat-left.gif) no-repeat top left;
}
.footer-cat li a {
margin:0; padding:0 9px 0 0;
width:auto; height:23px; line-height:23px;
float:left; display:block;
background:url(http://assets.zipsite.net/home/footer-cat-right.gif) no-repeat top right;
}
.footer-cat li a:link, .footer-cat li a:active, .footer-cat li a:visited {
font-size:12px;font-family:Georgia, "Times New Roman", Times, serif; color:#a7a7a7;
}
.footer-cat li a:link span, .footer-cat li a:active span, .footer-cat li a:visited span {
color:#FF00FF;
}
.footer-cat li:hover, .footer-cat li:hover a {
background-position:0% -23px;
color:#171615;
cursor:pointer;
}
.footer-cat li:hover a {
background-position:100% -23px;
}
#footer .about {
margin:0; padding:0;
width:580px; height:auto;font-size:1.1em;
float:right;color:#ccc;
}
#footer .about a{margin:2px;background:#f4f3e8;padding:5px;color:#a7a697;float:left;}
#footer .about a:hover{background:rgb(102,0,255);color:#fff;}
#link-back {
margin:0; padding:15px 0;
background:#0c0b0b; overflow:hidden;
}
#link-back-inner {width:970px;margin:0 auto;}
.donators {
margin:0; padding:0;
width:282px; height:auto;
float:left;
}
.fcontainer {
/* The container is a class simply because of the multiple full-span elements.*/
margin:0 auto; padding:0;
width:940px; height:auto;
}
.copyright {margin:0; padding:0; width:200px;height:17px;font:12px Arial, Helvetica, sans-serif; color:#404040;
float:right;}
.copyright a{color:#ccc;text-decoration:none;}