body {
margin : 0px;
padding : 0px;
font : normal 14px/16px Arial, Helvetica, sans-serif;
color : #2d2d2d;
}
.mypage-ox-topside {
width : 100%;
height : auto;
float : left;
padding : 0;
margin : 0;
}
.mypage-ox-top {
width : 970px;
height : auto;
overflow : hidden;
margin : 0 auto;
}
.top-logo {
width : 225px;
height : 70px;
float : left;
margin-right : 30px;
margin-top : 35px;
}
.top-ban {
width : 560px;
height : 70px;
float : left;
color : #5791d0;
font-size : 18px;
font-family : "Times New Roman";
margin-top : 35px;
}
.top-logo img {
border : 0;
}
.top-feeds {
width : 145px;
height : 75px;
float : left;
background : url(http://www.mypage.com/_images/fold2.png) no-repeat top right;
text-align : right;
padding-top : 15px;
padding-right : 5px;
}
.top-feeds img {
border : 0;
}
.mypage-ox-holder {
width : 970px;
height : auto;
overflow : hidden;
margin : 0 auto;
}
.mypage-ox-slog {
width : 970px;
float : left;
height : auto;
padding : 0;
}
.mypage-ox-slog h1 {
text-align : center;
color : #000000;
font-family : "Georgia", Times, serif;
font-size : 30px;
padding : 0;
margin : 0;
font-weight : bold;
}
.mypage-ox-main-body-holder {
width : 970px;
height : auto;
overflow : hidden;
background : #f0f8ff url(http://www.mypage.com/_images/box-bg.png) repeat-x top left;
float : left;
}
.mypage-ox-header {
width : 580px;
height : 86px;
background : #606060 url(http://www.mypage.com/_images/final-scratch-header.png) no-repeat left bottom;
float : left;
padding-left : 390px;
}
.mypage-ox-header img {
border : 0;
}
.mypage-ox-header ul {
margin : 0;
padding : 0;
}
.mypage-ox-header li {
list-style : none;
display : inline;
padding : 0;
margin : 0;
}
a {
outline : none;
}
img {
margin : 0;
padding : 0;
border : none;
}
br {
clear : left;
}
p {
margin : 5px 0;
}
form {
margin : 0;
padding : 0;
}
h1 {
font : bold 30px/40px Arial, Helvetica, sans-serif;
color : #ffffff;
margin : 0;
padding : 0;
}
h2 {
font : bold 18px Arial, Helvetica, sans-serif;
color : #ffffff;
margin : 0;
padding : 0;
}
h3 {
font : bold 18px/25px Arial, Helvetica, sans-serif;
color : #007eff;
margin : 0;
padding : 0;
}
h3 a, h3 a {
font : bold 18px/25px Arial, Helvetica, sans-serif;
color : #007eff;
text-decoration : none;
}
h3 a:hover, h3 a:hover {
text-decoration : underline;
}
* {
padding : 0;
margin : 0;
}
.left {
float : left;
}
.right {
float : right;
}
table tr {
height : 24px;
}
.container {
width : 100%;
margin : 0 auto;
text-align : center;
}
.header {
width : 100%;
margin : 0 auto;
text-align : center;
}
.body {
width : 100%;
margin : 0 auto;
text-align : center;
clear : both;
}
.footer {
width : 100%;
margin : 0 auto;
background : url(../images/footer-bg.jpg) repeat-x left top;
height : 46px;
clear : both;
}
.header-content {
width : 980px;
margin : 0 auto;
padding : 0 15px;
text-align : left;
}
.logo-bg {
width : 250px;
float : left;
padding : 10px 15px 10px 0;
}
.tagline-bg {
width : 100%;
float : left;
background : #000;
height : 71px;
text-align : left;
}
.tagline {
width : 980px;
margin : 0 auto;
}
.tagline h1 {
width : 952px;
float : left;
margin : 0 auto;
font : bold 26px/70px Arial, Helvetica, sans-serif;
color : rgb(255, 153, 0);
}
.body-content {
width : 980px;
margin : 0 auto;
text-align : left;
padding : 15px 10px 0;
}
.body-left {
width : 585px;
float : left;
padding-bottom : 15px;
}
.left-outer-boxes {
clear : both;
float : left;
width : 575px;
}
.widget-top {
width : 575px;
float : left;
background : url(../images/widget-top.jpg) no-repeat left top;
height : 26px;
}
.widget-bg {
width : 515px;
height : 530px;
float : left;
border-left : 5px solid #cacaca;
border-right : 5px solid #cacaca;
padding : 0 25px;
color : #ffffff;
background : #adc9e4 url(../images/widget-bg.jpg) repeat-x left top;
}
.widget-bg h1 {
font : bold 38px Arial, Helvetica, sans-serif;
}
.widget-bg h2 {
font : bold 22px/26px Arial, Helvetica, sans-serif;
letter-spacing : 0.03em;
padding : 8px 0 20px;
}
.widget-btm {
width : 575px;
float : left;
background : url(../images/widget-btm.jpg) no-repeat left top;
height : 26px;
margin-bottom : 15px;
}
.section-heading {
width : 568px;
padding : 16px 0 0 2px;
float : left;
font : bold 18px/22px Arial, Helvetica, sans-serif;
color : #ff7e00;
border-bottom : 2px solid #ff7200;
}
.left-thumbs-bg {
width : 560px;
float : left;
padding : 6px 6px 6px 9px;
margin-top : 5px;
}
.left-thumbs-row {
width : 560px;
float : left;
padding-bottom : 8px;
}
.similar-videos {
float : left;
}
.similar-videos ul li {
margin-right : 5px;
list-style-type : none;
}
.sv-video {
float : left;
width : 120px;
height : 90px;
}
.sv-current-video {
float : left;
margin-top : -20px;
width : 120px;
height : 20px;
text-align : center;
color : #000000;
background : #c4c4ff;
}
.sv-btn-prev {
float : left;
margin : 15px 8px 0 0;
width : 25px;
height : 60px;
cursor : pointer;
background : url(../images/sv_btn_prev.gif) no-repeat left top;
}
.sv-btn-prev:hover {
background : url(../images/sv_btn_prev_h.gif) no-repeat left top;
}
.sv-btn-next {
float : right;
margin-top : 15px;
width : 25px;
height : 60px;
cursor : pointer;
background : url(../images/sv_btn_next.gif) no-repeat left top;
}
.sv-btn-next:hover {
background : url(../images/sv_btn_next_h.gif) no-repeat left top;
}
.video-thumbs, .video-thumbs-small {
float : left;
width : 120px;
height : 90px;
border : 1px solid #c7c7c7;
background : #e0e0e0;
padding : 5px;
margin : 0 7px 8px 0;
}
.video-thumbs-small {
width : 80px;
height : 60px;
padding : 3px;
margin : 0 2px 5px 3px;
}
.video-thumbs-small img {
width : 80px;
height : 60px;
}
.member-thumbs {
float : left;
width : 80px;
height : 80px;
border : 1px solid #c7c7c7;
background : #e5e5e5;
padding : 4px;
margin : 0 3px 3px 0;
}
.video-thumbs:hover, .video-thumbs-small:hover, .member-thumbs:hover {
background : #c1d9ff;
}
.body-right {
width : 384px;
float : right;
}
.right-outer-boxes {
width : 384px;
float : left;
margin-bottom : 20px;
}
#Most_Views_Videos, #Top_Rated_Videos, #Recently_Added_Videos, #Related_Videos {
width : 380px;
float : left;
}
.member-login-top {
width : 383px;
float : left;
background : url(../images/member-login-top.jpg) no-repeat left top;
height : 14px;
font-size : 1px;
}
.member-login-heading {
font : bold 18px/22px Arial, Helvetica, sans-serif;
border-bottom : 2px solid #fff;
padding-left : 2px;
margin-bottom : 15px;
}
.member-login-bg {
width : 345px;
min-height : 170px;
height : auto;
float : left;
border-left : 4px solid #cacaca;
border-right : 4px solid #cacaca;
padding : 0 15px;
background : #7b7c7b url(../images/member-login-bg.jpg) repeat-x left top;
font : bold 16px Arial, Helvetica, sans-serif;
color : #ffffff;
}
.member-login-bg a {
font : bold 14px/28px Arial, Helvetica, sans-serif;
color : #ffffff;
text-decoration : underline;
}
.member-login-bg a:hover {
color : #ff9933;
text-decoration : none;
}
.member-login-bg .input-wrapper {
clear : both;
padding-left : 20px;
margin : 5px 0 8px;
}
.member-login-bg .input-wrapper label {
float : left;
text-align : right;
display : block;
width : 100px;
margin-right : 8px;
padding-top : 1px;
}
.member-login-bg .input-text {
width : 180px;
height : 20px;
padding : 0 2px;
border : 1px solid #7c7c7c;
font : bold 16px Arial, Helvetica, sans-serif;
color : #3399ff;
vertical-align : middle;
}
.member-menu-link {
float : left;
width : 150px;
margin-right : 10px;
}
.member-login-btm {
width : 383px;
float : left;
background : url(../images/member-login-btm.jpg) no-repeat left top;
height : 14px;
font-size : 1px;
}
.section-heading-right {
width : 380px;
float : right;
font : bold 18px/22px Arial, Helvetica, sans-serif;
color : #ff7e00;
border-bottom : 2px solid #ff7200;
padding-left : 2px;
}
.search {
float : left;
width : 373px;
height : 32px;
background : url(../images/search-bg.jpg) repeat-x left top;
padding : 15px 0 0 10px;
}
.search .input-text {
vertical-align : top;
padding : 2px 2px 0 2px;
font : bold 14px Arial, Helvetica, sans-serif;
color : #666;
margin : 0;
}
.categories, .tags {
width : 365px;
list-style-type : none;
text-align : left;
float : left;
margin-left : 8px;
}
.categories-bg, .tags-bg {
width : 383px;
float : right;
background : url(../images/category-bg.jpg) repeat-x left top;
padding-top : 10px;
}
.categories ul {
list-style-type : none;
text-align : left;
margin : 0;
padding : 0;
}
.categories ul li {
float : left;
display : block;
text-align : left;
width : 160px;
margin-right : 10px;
}
.categories ul li a {
width : 140px;
height : 18px;
display : block;
text-align : left;
font : bold 15px/18px Arial, Helvetica, sans-serif;
color : #0072ff;
text-decoration : none;
background : url(../images/bullet.gif) no-repeat left center;
padding-left : 10px;
}
.categories ul li a:hover {
text-decoration : underline;
}
.categories li.active a {
text-decoration : underline;
}
.tags a {
font-weight : bold;
line-height : 22px;
text-decoration : none;
margin-right : 5px;
}
.tags a:hover {
text-decoration : underline;
}
.tags a.tag1 {
color : #ff3300;
font-size : 24px;
}
.tags a.tag2 {
color : #0066ff;
font-size : 18px;
}
.tags a.tag3 {
color : #0052cc;
font-size : 14px;
}
.mytitle {
float : left;
width : 570px;
font-size : 12px;
padding-top : 10px;
}
.mytitle .title {
width : 500px;
float : left;
}
.mytitle .action {
float : right;
padding-top : 2px;
margin-left : 8px;
}
.listing-bg, .member-listing-bg {
width : 550px;
float : left;
background : url(../images/playlist-bg-n.jpg) repeat-x left top;
border : 1px solid #e0e0e0;
padding : 10px 10px 5px;
margin : 3px 0 10px;
color : #005bb7;
}
.member-listing-bg {
color : #333;
padding : 10px;
}
.member-listing-bg a {
color : #007eff;
}
.listing-bg a {
color : #007eff;
text-decoration : underline;
}
.listing-bg a:hover, .member-listing-bg a:hover {
text-decoration : none;
}
.listing-header b, .member-listing-header b, .video-listing-header b {
color : #005bb7;
}
.listing-header {
margin-top : 0;
}
.listing-body {
height : 38px;
overflow : hidden;
font-size : 13px;
color : #333;
}
.listing-footer {
margin-top : 0;
font-size : 12px;
color : #005bb7;
}
.listing-footer b {
color : #333;
}
.member-listing-header {
margin : 0;
padding : 12px 0 20px;
}
.listing-thumbs {
float : left;
margin-right : 15px;
}
.search-video-title {
font : bold 18px Arial, Helvetica, sans-serif;
color : #007eff;
}
.video-listings-bg {
float : left;
margin-bottom : 10px;
}
.video-listing-bg {
width : 550px;
float : left;
background : url(../images/playlist-bg-n.jpg) repeat-x left top;
border : 1px solid #e0e0e0;
padding : 10px 10px 5px;
margin : 3px 0 10px;
color : #007eff;
}
.video-listing-bg a {
color : #007eff;
text-decoration : underline;
}
.video-listing-bg a:hover {
text-decoration : none;
}
.video-listing-header {
margin-top : 0;
}
.video-listing-body {
height : 48px;
overflow : hidden;
font-size : 13px;
color : #333;
}
.video-listing-footer {
margin-top : 0;
font-size : 12px;
color : #005bb7;
}
.video-listing-footer b {
color : #333;
}
.video-listing-thumbs {
float : left;
margin-right : 15px;
}
.playlist-bg {
width : 363px;
float : left;
background : url(../images/playlist-bg-n.jpg) repeat-x left top;
border : 1px solid #e0e0e0;
padding : 10px;
margin-bottom : 1px;
}
.playlist-bg .listing-footer a {
color : #005bb7;
text-decoration : none;
}
.playlist-bg .listing-footer a:hover {
text-decoration : underline;
}
.playlist-bg:hover, .listing-bg:hover, .member-listing-bg:hover, .video-listing-bg:hover {
background : url(../images/playlist-bg-h.jpg) repeat-x left top;
}
.playlist-thumbs {
float : left;
margin-right : 15px;
}
.playlist-content {
float : left;
width : 263px;
}
.main-box-top {
float : left;
width : 575px;
height : 15px;
font-size : 1px;
background : url(../images/main-box-top.jpg) no-repeat top left;
}
.main-box-bg {
float : left;
width : 545px;
background : #fdfeff url(../images/main-box-bg.jpg) repeat-x top left;
border-left : 5px solid #dddddf;
border-right : 5px solid #dddddf;
padding : 10px 10px 5px;
}
.main-box-btm {
float : left;
width : 575px;
height : 15px;
background : url(../images/main-box-btm.jpg) no-repeat top left;
}
.preview-message {
width : 535px;
background : #ffffcc;
border : 1px dashed #0000ff;
text-align : center;
padding : 3px;
margin-bottom : 15px;
}
.showvideo_hdr {
clear : both;
float : left;
margin-bottom : 20px;
}
.showvideo_body {
clear : both;
float : left;
}
.showvideo_pl_buttons {
clear : both;
padding : 7px 0;
width : 568px;
height : 15px;
}
.page_nav {
width : 570px;
height : 15px;
margin-bottom : 15px;
}
.page_nums {
float : right;
}
.page_nums a {
text-decoration : none;
}
.pg_first, .pg_last, .pg_prev, .pg_next {
float : left;
position : relative;
padding : 0 5px;
margin-right : 5px;
text-align : center;
border : 1px solid #ff00cc;
}
.pg_first .disabled, .pg_last .disabled, .pg_prev .disabled, .pg_next .disabled {
color : #777;
}
.pg_pagenums {
float : left;
position : relative;
margin : 0 10px;
}
.pg_pagenum, .pg_pagenum_current {
float : left;
position : relative;
text-align : center;
padding : 0 2px;
margin-right : 5px;
width : 20px;
border : 1px solid #0066ff;
}
.pg_pagenum_current {
font-weight : bold;
background : #ffe0c5;
}
.comment {
float : left;
width : 550px;
margin : 15px 0 0 7px;
}
.cmt_form {
float : left;
width : 550px;
margin-bottom : 20px;
}
.cmt_form label {
font-weight : bold;
color : #555;
}
#cmt_msg {
float : left;
width : 540px;
padding : 2px;
margin-bottom : 10px;
background : #ffd5ff;
display : none;
}
.cmt_display {
float : left;
width : 550px;
}
.cmt_title {
border-bottom : 1px solid #000;
margin-bottom : 10px;
}
.cmt_nav {
clear : both;
float : left;
height : 22px;
}
#cmt_comments {
clear : both;
float : left;
}
.cmt_box {
float : left;
width : 550px;
margin-bottom : 15px;
background : #f0f0f0;
}
.cmt_box b {
color : #333;
}
.cmt_box .cmt_hdr {
padding : 3px;
background : #99ccff;
}
.cmt_box .cmt_body {
padding : 5px;
}
.cmt_box .cmt_ftr {
font-size : 11px;
padding : 2px;
text-align : right;
}
span.msg_error {
color : red;
}
#getinfomsg {
width : 330px;
background : #ffff99;
padding : 2px;
display : none;
}
.messagepage {
background : #fff;
}
#messagebox {
font-family : arial;
font-size : 13px;
width : 45%;
padding : 10px;
margin : 50px auto;
background : #fcdda3;
border : 1px solid #ff8040;
}
.footer-left {
float : left;
margin-left : 10px;
font : bold 13px/46px Arial, Helvetica, sans-serif;
color : #ffffff;
}
.footer-right {
float : right;
margin-right : 10px;
font : bold 13px/46px Arial, Helvetica, sans-serif;
color : #ffffff;
}
.footer-left a, .footer-right a {
color : #ffffff;
text-decoration : none;
}
.footer-left a:hover, .footer-right a:hover {
text-decoration : underline;
}
.navcontainer {
width : 710px;
float : left;
margin-top : 10px;
}
.navcontainer ul {
list-style-type : none;
text-align : center;
margin : 0;
padding : 0;
}
.navcontainer ul li {
display : block;
text-align : center;
float : left;
}
.navcontainer ul li a {
width : 112px;
height : 27px;
display : block;
text-align : center;
font : bold 14px/27px Arial, Helvetica, sans-serif;
color : #fe6600;
text-decoration : none;
background : url(../images/menu-tab-n.jpg) no-repeat left top;
margin-right : 6px;
}
.navcontainer ul li a:hover {
background : url(../images/menu-tab-h.jpg) no-repeat left top;
color : #fff;
}
.navcontainer li.active a {
background : url(../images/menu-tab-h.jpg) no-repeat left top;
color : #fff;
}
.subnavcontainer {
float : left;
position : relative;
width : 710px;
}
.navcontainer_pl, .navcontainer_vid {
position : absolute;
float : left;
display : none;
padding : 2px;
border : 1px solid #bbb;
background-color : #f0f0f0;
}
.navcontainer_pl {
left : 22px;
}
.navcontainer_vid {
left : 120px;
}
.navcontainer_pl a, .navcontainer_vid a {
font-size : 12px;
font-weight : bold;
color : #ff6600;
text-decoration : none;
}
.navcontainer_pl a:hover, .navcontainer_vid a:hover {
text-decoration : underline;
}
.familyfilter {
position : absolute;
top : 2px;
right : 2px;
font-size : 12px;
}
.familyfilter a {
color : #0000ff;
}
.foot-outside {
width : 100%;
height : 140px;
float : left;
overflow : hidden;
background : url(http://www.mypage.com/_images/footer-ox-bg.jpg) repeat-x top left;
margin-top : 50px;
}
.foot-inner {
width : 970px;
height : 140px;
margin : 0 auto;
padding : 0;
text-align : left;
}
.mypage-ox-footer-menu {
width : 970px;
height : auto;
float : left;
overflow : hidden;
color : #000;
font-size : 11px;
text-align : left;
margin-top : 8px;
margin-bottom : 20px;
}
.mypage-ox-footer-menu a {
color : #000;
font-family : arial;
font-size : 11px;
text-decoration : none;
}
.mypage-ox-footer-menu a:hover {
text-decoration : underline;
color : #585858 !important ;
}
.mypage-ox-footer {
width : 970px;
height : auto;
float : left;
overflow : hidden;
color : #999999;
font-size : 12px;
text-align : left;
}
.mypage-ox-footer img {
border : 0;
}
.mypage-ox-footer-1 {
width : 200px;
height : auto;
float : left;
text-align : left;
}
.mypage-ox-footer-1 a {
color : #333333 !important ;
font-family : arial !important ;
font-size : 10px !important ;
}
.mypage-ox-footer-1 a:hover {
text-decoration : underline !important ;
}
.mypage-ox-footer-1 span {
color : #333333 !important ;
font-family : arial !important ;
font-size : 10px !important ;
}
.mypage-ox-footer-2 {
width : 90px;
height : auto;
float : left;
text-align : left;
padding-top : 10px;
}
.mypage-ox-footer-3 {
width : 670px;
height : auto;
float : left;
text-align : right;
}
@media projection, screen {
.ui-tabs-hide {
display : none;
}
}
@media print {
.ui-tabs-nav {
display : none;
}
}
.ui-tabs-nav, .ui-tabs-panel {
font-family : Arial, Verdana;
font-size : 12px;
}
.ui-tabs-nav {
list-style : none;
margin : 0;
padding : 0 0 0 4px;
}
.ui-tabs-nav:after {
display : block;
clear : both;
content : " ";
}
.ui-tabs-nav li {
float : left;
margin : 0 0 0 1px;
min-width : 84px;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
display : block;
padding : 0 10px;
background : url(../images/tab.png) no-repeat;
}
.ui-tabs-nav a {
margin : 1px 0 0;
padding-left : 0;
color : #005bb7;
line-height : 1.2;
text-align : center;
text-decoration : none;
white-space : nowrap;
outline : 0;
}
.ui-tabs-nav .ui-tabs-selected a {
position : relative;
top : 1px;
z-index : 2;
margin-top : 0;
color : #ff7200;
font-weight : bold;
}
.ui-tabs-nav a span {
width : 64px;
min-width : 64px;
height : 18px;
min-height : 18px;
padding-top : 6px;
padding-right : 0;
}
* > .ui-tabs-nav a span {
width : auto;
height : auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
padding-bottom : 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
background-position : 100% -100px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
background-position : 100% -150px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
background-position : 0 0;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
background-position : 0 -50px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
cursor : text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active {
cursor : pointer;
}
.ui-tabs-panel {
border-top : 1px solid #97a5b0;
padding : 1em 0 0 4px;
background : #fff;
}
.ui-tabs-loading em {
display : block;
padding-left : 20px;
background : url(../images/loading.gif) no-repeat 0 50%;
}
* html .ui-tabs-nav {
display : inline-block;
}
*:first-child + html .ui-tabs-nav {
display : inline-block;
}
.roundcontainer, .roundcontainer .jquery-corner, .roundcontainer .jquery-corner * {
padding : 0;
border : 0 none;
margin : 0;
}
.roundcontainer, .roundcontainer * {
padding : 0;
margin : 0;
}
ul.accordmenu, ul.accordmenu * {
margin : 0;
padding : 0;
list-style-type : none;
}
ul.accordmenu li {
margin-bottom : 2px;
}
ul.accordmenu li a {
display : block;
padding-left : 5px;
margin-right : 3px;
text-decoration : none;
line-height : 28px;
cursor : pointer;
}
#jquery-overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
}
#jquery-lightbox {
position : absolute;
top : 0;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#jquery-lightbox a img {
border : none;
}
#lightbox-container-image-box {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#lightbox-container-image {
padding : 10px;
}
#lightbox-loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#lightbox-nav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#lightbox-container-image-box > #lightbox-nav {
left : 0;
}
#lightbox-nav a {
outline : none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width : 49%;
height : 100%;
display : block;
}
#lightbox-nav-btnPrev {
left : 0;
float : left;
}
#lightbox-nav-btnNext {
right : 0;
float : right;
}
#lightbox-container-image-data-box {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
overflow : auto;
width : 100%;
padding : 0 10px 0;
}
#lightbox-container-image-data {
padding : 0 10px;
color : #666;
}
#lightbox-container-image-data #lightbox-image-details {
width : 70%;
float : left;
text-align : left;
}
#lightbox-image-details-caption {
font-weight : bold;
}
#lightbox-image-details-currentNumber {
display : block;
clear : left;
padding-bottom : 1em;
}
#lightbox-secNav-btnClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
}
.mphint {
display : none;
position : absolute;
right : -250px;
width : 200px;
margin-top : -4px;
border : 1px solid #c93;
padding : 10px 12px;
background : #ffc url(http://www.mypage.com/mod/template/icons/pointer.gif) no-repeat -10px 5px;
}
.mphint .mphint-pointer {
position : absolute;
left : -10px;
top : 5px;
width : 10px;
height : 19px;
background : url(http://www.mypage.com/mod/template/icons/pointer.gif) no-repeat left top;
}
a.mpbutton {
background : url(http://www.mypage.com/mod/_globalscripts/images/button.gif);
display : block;
color : #555;
font-weight : bold;
height : 30px;
line-height : 29px;
margin-bottom : 14px;
text-decoration : none;
width : 191px;
float : left;
margin : 2px;
}
a:hover.mpbutton {
color : #06c;
}
a.mpiconmenu {
background : url(http://www.mypage.com/mod/_globalscripts/images/button.gif);
display : block;
color : #555;
font-weight : bold;
height : 30px;
line-height : 29px;
margin-bottom : 14px;
text-decoration : none;
width : 191px;
margin : 2px;
}
a:hover.mpiconmenu {
color : #06c;
}
a.mpappsmenu {
background : transparent;
display : block;
color : #555;
font-weight : bold;
height : 30px;
line-height : 29px;
margin-bottom : 14px;
text-decoration : none;
width : 80px;
float : left;
margin : 2px;
}
a.mpappsmenu img {
height : 12px;
width : 12px;
}
a:hover.mpappsmenu {
color : rgb(204, 0, 0);
}
.mpinfo {
color : #00529b;
background : rgb(173, 216, 230);
border : 1px dotted rgb(0, 102, 153);
margin : 10px !important ;
padding : 15px 10px 15px 50px;
}
.mpsuccess {
color : #4f8a10;
background-color : #dff2bf;
background-image : url('http://www.mypage.com/mod/template/icons/msg/success.png');
border : 1px solid;
margin : 10px 0;
padding : 15px 10px 15px 50px;
background-repeat : no-repeat;
background-position : 10px center;
}
.mpwarning {
color : #9f6000;
background-color : #feefb3;
background-image : url('http://www.mypage.com/mod/template/icons/msg/cancel.png');
border : 1px solid;
margin : 10px 0;
padding : 15px 10px 15px 50px;
background-repeat : no-repeat;
background-position : 10px center;
}
.mperror {
color : #d8000c;
background-color : #ffbaba;
background-image : url('http://www.mypage.com/mod/template/icons/msg/error.png');
border : 1px solid;
margin : 10px 0;
padding : 15px 10px 15px 50px;
background-repeat : no-repeat;
background-position : 10px center;
}
#mpsubmenu {
margin-top : 5px;
margin-bottom : 5px;
}
#mpsubmenu a {
font : 12px/100% Arial, Helvetica, sans-serif !important ;
font-weight : bold;
background : #fafafa;
padding : 3px;
margin : 2px;
cursor : pointer;
}
#mpsubmenu a:hover {
background : #ff9;
font-weight : bold;
text-decoration : none;
border-color : rgb(255, 204, 0);
}
.mpsmallmenu {
line-height : 26px;
}
.mpsmallmenu a {
color : #fff !important ;
padding : 3px 10px 3px 10px;
background : #333;
font-size : 10px;
text-decoration : none;
margin : 10px 0 10px 0;
}
.mpsmallmenu a:hover {
color : #000 !important ;
padding : 3px 10px 3px 10px;
background : #9cf;
font-size : 10px;
text-decoration : none;
margin : 10px 0 10px 0;
}
img.shadow {
background : url(http://www.mypage.com/_images/shadow-1000x1000.gif) no-repeat right bottom;
padding : 3px 5px 5px 3px;
}
#ticker-area {
background : transparent;
padding : 5px;
margin : 1px;
font-size : 12px;
font-weight : bold;
color : #ccc;
font-family : arial, sansserif;
}
.highlight {
font-weight : bold;
background : #ffc;
padding : 2px;
}
ul, li {
list-style : none !important ;
}
.moretext {
text-align : right;
font-size : 11px;
color : #069;
font-family : arial;
}
.loaderbg, .loaderimg {
position : absolute;
width : 100%;
height : 100%;
left : 0;
top : 0;
z-index : 10000;
}
.loaderbg {
background-color : #fff;
}
.loaderimg {
height : 25px;
margin : 25px 0 0 0;
background : transparent url(http://www.mypage.com/services/pleasewait.gif) no-repeat top center;
}
#mpbreadcrumb {
font : 11px Arial, Helvetica, sans-serif;
line-height : 15px;
color : #9b9b9b;
background : transparent;
height : 16px;
overflow : hidden;
margin-top : 2px;
margin-bottom : 2px;
padding : 0;
}
#mpbreadcrumb li {
list-style-type : none;
float : left;
padding-left : 10px;
}
#mpbreadcrumb img {
height : 10px;
border : 0;
margin-top : 0;
}
#mpbreadcrumb a {
height : 15px;
display : block;
padding-right : 5px;
text-decoration : none;
color : #454545;
}
#arrowtip {
background : #ddd;
width : 100%;
margin : 0;
overflow : auto;
padding : 0;
}
.mpbhome {
border : none;
margin : 1px 0;
}
#mpbreadcrumb a:hover {
color : #35acc5;
}
.shadetabs {
border-bottom : 4px solid #ccc;
font : 16px Arial;
line-height : 20px;
list-style-type : none;
text-align : left;
}
.shadetabs li {
display : inline;
margin : 0;
}
.shadetabs li a {
text-decoration : none;
position : relative;
padding-bottom : 2px;
z-index : 1;
margin-bottom : 2px;
margin-right : 3px;
color : #333;
background : rgb(208, 208, 208);
padding-left : 7px;
padding-right : 7px;
padding-top : 3px;
padding-bottom : 3px;
}
.shadetabs li a img {
border : 0;
width : 12px;
height : 12px;
background : #f0f0f0;
}
.shadetabs li a:visited {
color : #950000;
}
.shadetabs li a:hover {
text-decoration : underline;
color : #fafafa;
font-weight : 900;
background : #333;
border-bottom : 1px solid #fff;
}
.shadetabs li a.selected {
position : relative;
top : 1px;
}
.shadetabs li a.selected {
color : #000;
border-top : 1px solid #ccc;
border-left : 1px solid #ccc;
border-right : 1px solid #ccc;
background : rgb(239, 239, 239);
}
.shadetabs li a.selected:hover {
text-decoration : none;
}
.lntabs {
float : left;
width : 100%;
font-size : 93%;
line-height : normal;
border-bottom : 1px solid #666;
margin-bottom : 1em;
overflow : hidden;
}
.lntabs ul {
margin : 0;
padding : 10px 10px 0 0;
list-style : none;
}
.lntabs li {
display : inline;
margin : 0;
padding : 0;
}
.lntabs a {
float : left;
background : url("http://www.linknetwork.com/images/left.png") no-repeat left top;
margin : 0;
padding : 0 0 0 6px;
text-decoration : none;
}
.lntabs a span {
float : left;
display : block;
background : url("http://www.linknetwork.com/images/right.png") no-repeat right top;
padding : 6px 15px 4px 6px;
margin-right : 2px;
color : #fff;
}
.lntabs a span {
float : none;
}
.lntabs a:hover {
background-position : 0% -42px;
}
.lntabs a:hover span {
background-position : 100% -42px;
}
.tabcontent {
display : none;
}
@media print {
.tabcontent {
display : block !important ;
}
}
.tabcontentstyle {
width : 100%;
margin-bottom : 1em;
padding : 10px;
}
.ui-helper-hidden {
display : none;
}
.ui-helper-hidden-accessible {
position : absolute;
left : -100000000px;
}
.ui-helper-reset {
margin : 0;
padding : 0;
border : 0;
outline : 0;
line-height : 1.3;
text-decoration : none;
font-size : 100%;
list-style : none;
}
.ui-helper-clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.ui-helper-clearfix {
display : inline-block;
}
* html .ui-helper-clearfix {
height : 1%;
}
.ui-helper-clearfix {
display : block;
}
.ui-helper-zfix {
width : 100%;
height : 100%;
top : 0;
left : 0;
position : absolute;
}
.ui-state-disabled {
cursor : default !important ;
}
.ui-icon {
display : block;
text-indent : -99999px;
overflow : hidden;
background-repeat : no-repeat;
}
.ui-widget-overlay {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
.infoholder {
margin : 0;
padding : 5px;
}
.inputfocus {
background-color : #d6facc;
border : 1px solid #808080;
}
.infoholder .greentitle {
color : #4682b4;
font-size : 15px;
font-weight : 900;
line-height : 20px;
}
.infoholder input {
font-size : 15px;
line-height : 18px;
border : 1px solid rgb(102, 153, 255);
color : #000;
}
.infoholder textarea:focus, .infoholder input:focus {
background : rgb(255, 255, 204);
border : 1px solid rgb(255, 153, 0);
}
div#webpoints {
color : #0c0;
font-weight : 900;
padding : 3px;
}
.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 .about {
margin : 0;
padding : 0;
width : 680px;
height : auto;
font-size : 1.1em;
float : right;
color : #ccc;
}
.about a {
margin : 2px 15px 2px 2px;
background : #f4f3e8;
padding : 5px;
color : #a7a697;
float : left;
}
.about a:hover {
color : #fff;
background : #4a6d7b;
}
.aboutmore {
height : auto;
min-height : 300px;
float : left;
margin : 3px;
}
.about .aboutmore img {
float : left;
margin : 5px;
height : 140px;
border : 1px solid #fafafa;
}
.about .aboutmore a:hover img {
border : 1px solid rgb(0, 102, 204);
}
.about .aboutmore h3 {
color : rgb(0, 102, 204);
width : 220px;
font-size : 20px;
}
.aboutmore p {
width : 220px;
line-height : 1.4em;
margin-top : 5px;
margin-bottom : 5px;
}
#link-back {
margin : 15px 0;
padding : 15px 5px;
background : #0c0b0b;
}
#boxcontent a {
color : rgb(0, 102, 153);
text-decoration : none;
}
#boxcontent a:hover {
color : rgb(0, 102, 204);
}
.inner {
padding : 10px;
}
.breadstrip {
width : 100%;
background : rgb(102, 153, 255);
color : #fff !important ;
font-size : 1.2em;
font-family : georgia;
}
.breadstrip a {
text-decoration : none;
margin-left : 5px;
margin-right : 5px;
}
.breadstrip a:hover {
color : #ccc !important ;
}
.breadstrip #active {
width : 150px;
font-weight : bold;
}
.banner160 {
border : 5px solid #efefef;
background : #fff;
padding : 5px;
margin : 2px;
width : 160px;
text-align : center;
margin-left : auto;
margin-right : auto;
}
#watchout {
border : 1px dashed #000;
background : #ff9;
}
#watchout .watchthis {
display : block;
background : #f00;
font-size : 18px;
text-align : right;
}
#white {
background : transparent;
color : #fafafa;
font-size : 120%;
}
.boxrelated {
top : 20px;
width : 230px;
border : 1px solid rgb(48, 48, 48);
right : 220px;
background : #ffc;
}
.boxrelated #title {
display : block;
background : #333;
color : #fff;
font-size : 1.6em;
line-height : 20px;
}
.boxcontent {
width : 700px !important ;
line-height : 1.6em;
font-size : 1.2em;
border : 1px solid #ccc;
padding : 10px;
background : #fff;
}
.boxcontent h2 {
display : block;
font-weight : bold;
font-size : 1.8em;
margin-top : 10px;
margin-bottom : 5px;
}
.boxcontent p {
margin-top : 5px;
margin-bottom : 5px;
}
#tableofcontents {
border : 1px solid #000;
padding : 10px;
}
.numhighlight {
background : rgb(204, 51, 0);
color : #fff;
font-weight : bold;
padding : 5px;
}
#links ol, #links ul {
list-style-type : none;
width : 500px;
}
#links li, #links p {
margin : 10px 0;
background : url(http://www.mypage.com/mod/template/icons/accept.png) no-repeat top left;
padding-left : 30px;
}
#links li a {
color : #900;
display : block;
font : bold 120% Arial, Helvetica, sans-serif;
padding : 5px;
text-decoration : none;
}
* html #links li a {
width : 500px;
}
#links li a:hover {
background : #ffc;
}
#links a em {
color : #333;
display : block;
font : normal 85% Verdana, Helvetica, sans-serif;
line-height : 125%;
}
.mp-apps-box {
margin : 5px;
width : 80px;
height : 80px;
float : left;
text-align : center;
padding : 10px 5px 5px 5px;
}
.mp-apps-box img {
margin-bottom : 5px;
border : 0;
width : 50px !important ;
height : 50px !important ;
}
.mp-apps-box a {
color : #174b7b;
font-family : arial;
font-size : 12px;
font-weight : bold;
text-decoration : none;
}
.mp-apps-box a:hover {
color : #090;
}
#loading {
clear : both;
background : url(http://www.mypage.com/images/loading.gif) no-repeat center top;
text-align : center;
padding : 33px 0 0 0;
font-size : 12px;
display : none;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
a, a.action_link:visited {
color : #31739c;
}
a:visited {
color : #7a5489;
}
a:hover, a.action_link:hover {
color : #d86627;
text-decoration : underline;
}
a.text_link {
text-decoration : underline;
}
a.no_underline, .no_underline a {
text-decoration : none;
}
sup {
font-size : 70%;
}
strong {
color : #4d4d4d;
}
legend {
font-weight : bold;
color : #de6321;
}
.clearfix:after {
content : " ";
display : block;
clear : both;
visibility : hidden;
line-height : 0;
height : 0;
}
.clearfix {
display : inline-block;
}
html[xmlns] .clearfix {
display : block;
}
span.blank {
visibility : hidden;
clear : both;
}
*, form, input {
padding : 0;
margin : 0;
}
body {
color : #4f4f4f;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
background : #fff;
}
.clear {
clear : both;
}
p {
line-height : 1.35em;
margin : 0 0 20px 0;
}
p.bigger {
line-height : 1.4em;
font-size : 14px;
}
p.noMargin {
margin : 0;
padding : 0;
}
h2 {
color : #6797db;
font-family : 'Arial Rounded MT Bold', sans-serif;
font-size : 22px;
font-style : normal;
font-variant : normal;
font-weight : normal;
line-height : normal;
}
h3 {
font-family : 'Arial Rounded MT Bold', sans-serif;
font-style : normal;
font-variant : normal;
line-height : normal;
}
.mpxx-lander-wrapper {
width : 100%;
float : left;
height : auto;
overflow : hidden;
}
.mpxx-header-wrap {
width : 100%;
float : left;
height : auto;
overflow : hidden;
background : #000 url(http://assets.zipsite.net.s3.amazonaws.com/home/shadow_bc.png) repeat-x bottom;
}
.mpxx-header-inner {
width : 970px;
margin : 0 auto;
height : auto;
overflow : hidden;
background : transparent;
}
.mpxx-header {
width : 970px;
float : left;
height : auto;
overflow : hidden;
height : auto;
color : #fff;
}
.mpxx-header img {
border : 0;
}
.mpxx-header-left {
width : 400px;
float : left;
height : auto;
text-align : left;
padding : 5px 0;
}
.mpxx-header-right {
width : 570px;
float : left;
height : auto;
text-align : right;
padding : 5px 0;
}
.mpxx-topEvent {
float : right;
width : auto;
}
.mpxx-topEvent img {
border : 0;
}
.mpxx-topEvent a {
color : #ccc;
text-decoration : none;
margin-left : 5px;
font-size : 12px;
margin-left : 8px;
}
.mpxx-topEvent a:hover {
color : #fff;
font-weight : bold;
}
a.rss-connect {
background : none !important ;
}
.mpxx-content-wrap {
width : 100%;
float : left;
height : auto;
overflow : hidden;
background : #fff;
}
.mpxx-content-inner {
width : 970px;
margin : 0 auto;
height : auto;
overflow : hidden;
}
.mpxx-content {
width : 970px;
float : left;
height : auto;
overflow : hidden;
height : auto;
color : rgb(80, 80, 80);
}
.mpxx-content-left {
width : 440px;
float : left;
height : auto;
padding : 20px 30px 20px 0;
}
h1.greatings-frontbig {
padding : 10px 15px;
margin : 0;
font-size : 18px;
color : #888;
line-height : 20px;
font-family : Georgia, "Times New Roman", Times, serif;
background : url(http://assets.zipsite.net/lander/images/greatings-frontbig-bg.png) no-repeat;
height : 76px;
width : 410px;
}
h1 {
color : #000;
font-family : Georgia, Helvetica;
}
h1.greatings-frontbig span {
font-size : 14px;
}
p.pp-what {
display : block;
font-size : 26px;
font-weight : bold;
padding : 0;
margin : 15px 0 5px 0;
color : #666;
}
.douwant {
width : 440px;
float : left;
height : auto;
font-size : 14px;
margin-bottom : 20px;
}
.douwant span {
font-style : italic;
font-weight : bold;
}
.douwant a {
font-weight : bold;
text-decoration : none;
font-size : 18px;
color : #4582dc;
}
.douwant a:hover {
color : #c22545;
}
.douwant2 {
width : 440px;
float : left;
height : auto;
font-size : 14px;
}
.douwant2 a {
font-weight : bold;
font-size : 12px;
color : #000;
}
.douwant2 a:hover {
color : #c22545;
text-decoration : none;
}
.mpxx-content-right {
width : 500px;
float : left;
height : auto;
padding : 20px 0;
}
.solo-login-box {
width : 470px;
height : 209px;
background : url(http://assets.zipsite.net/lander/images/solo-login-box-bg.png) no-repeat;
float : left;
padding : 15px;
font-family : Arial, Helvetica, sans-serif;
color : #000;
}
.solo-login-top {
width : 440px;
float : left;
height : auto;
padding : 15px;
margin-bottom : 15px;
}
.solo-login-top-L {
width : 200px;
float : left;
text-align : left;
font-weight : bold;
font-size : 20px;
color : #fff;
}
.solo-login-top-R {
width : 240px;
float : left;
text-align : right;
font-size : 16px;
color : #ccc;
}
.solo-login-entersign {
width : 470px;
float : left;
height : auto;
font-size : 14px;
margin-bottom : 10px;
}
.solo-login-formbox {
width : 470px;
float : left;
height : auto;
font-size : 12px;
}
.solo-login-formbox-L {
width : 320px;
float : left;
height : auto;
}
.sl-left-1 {
width : 100px;
float : left;
text-align : right;
margin-bottom : 5px;
}
.sl-left-2 {
width : 215px;
float : left;
text-align : left;
padding-left : 5px;
margin-bottom : 5px;
}
.sl-left-3 {
width : 200px;
float : left;
text-align : left;
margin-bottom : 5px;
}
.sl-left-4 {
width : 115px;
float : left;
text-align : left;
padding-left : 5px;
margin-bottom : 5px;
}
.sl-left-5 {
width : 215px;
float : left;
text-align : left;
margin-bottom : 5px;
}
input.slogin-text {
width : 140px;
background : url(http://assets.zipsite.net/lander/images/sl-input-bg.jpg) repeat-x top;
border : 1px solid #d6d6d6;
padding : 2px 5px;
}
input.slogin-text2 {
width : 180px;
background : url(http://assets.zipsite.net/lander/images/sl-input-bg.jpg) repeat-x top;
border : 1px solid #d6d6d6;
padding : 2px 5px;
}
.sl-left-5 a {
font-size : 12px;
color : #095996;
margin-top : 10px;
display : block;
}
.sl-left-5 a:hover {
text-decoration : none;
}
.solo-login-formbox-R {
width : 150px;
float : left;
height : auto;
}
.solo-login-formbox-R2 {
width : 150px;
float : left;
height : auto;
margin : 15px 0 0 0;
text-align : right;
}
.sl-left-reg {
width : 100px;
float : left;
text-align : right;
padding-top : 4px;
}
.sl-left-reg2 {
width : 215px;
float : left;
text-align : left;
padding-left : 5px;
}
.sl-left-reg3 {
width : 100px;
float : left;
text-align : right;
margin-bottom : 15px;
}
.sl-left-reg4 {
width : 215px;
float : left;
text-align : left;
padding-left : 5px;
margin-bottom : 15px;
font-size : 11px !important ;
font-style : italic;
overflow : hidden;
}
input.sreg-btn {
border : 0 !important ;
}
.mpxx-bottom-wrap {
width : 100%;
float : left;
height : auto;
overflow : hidden;
background : #000;
}
.mpxx-bottom-inner {
width : 970px;
margin : 0 auto;
height : auto;
overflow : hidden;
padding-top : 20px;
}
.mpxx-bottom {
width : 970px;
float : left;
height : auto;
overflow : hidden;
height : auto;
color : #fff;
}
.mpxx-bottom img {
border : 0;
}
#bottomMain {
background-color : rgb(32, 32, 32);
border-bottom : 1px solid rgb(64, 64, 64);
border-top : 3px solid rgb(51, 102, 153);
color : #ccc;
padding : 10px 0 22px;
width : 100%;
}
.mpxx-footer-wrap {
width : 100%;
float : left;
height : auto;
background : #434142;
padding : 0 0 5px 0;
font-size : 12px;
overflow : hidden;
}
.mpxx-footer-inner {
width : 100%;
float : left;
height : auto;
background : #171614;
padding : 15px 0 0 0;
overflow : hidden;
}
.mpxx-footer {
width : 970px;
margin : 0 auto;
height : auto;
overflow : hidden;
color : #ccc;
padding : 40px 0 10px 0;
font-size : 12px;
background : #171614 url(http://www.mypage.com/images/mpxx-footer-bg.jpg) no-repeat bottom right;
overflow : hidden;
}
.mpxx-footer img {
border : 0;
}
.mpxx-footer a {
color : #ccc;
text-decoration : none;
}
.mpxx-footer a:hover {
color : #757575;
}
.mpxx-footer-left {
width : 400px;
height : auto;
float : left;
text-align : left;
overflow : hidden;
}
.mpxx-footer-right {
width : 400px;
height : auto;
float : left;
text-align : right;
color : #757575;
padding-right : 170px;
overflow : hidden;
}
.mpxx-footer-right a {
color : #ccc;
text-decoration : none;
overflow : hidden;
}
.mpxx-footer-right a:hover {
color : #757575;
}
.main-mpxx-left {
width : 410px;
float : left;
height : auto;
padding-right : 30px;
}
.main-mpxx-right {
width : 500px;
float : left;
height : auto;
}
.main-mpxx-wrap {
width : 940px;
float : left;
height : auto;
padding : 25px 15px 15px 15px;
background : #fff;
}
h1.mpxx-blueBig-title {
display : block;
font-size : 20px;
font-family : Arial, Helvetica, sans-serif;
color : #fff;
padding : 4px 10px;
background : #095996;
margin : 0;
}
.hosting-choose {
width : 410px;
float : left;
height : auto;
margin : 20px 0;
font-size : 20px;
color : #666;
}
span.hosting-choose1 {
font-size : 26px;
color : #0c3;
font-weight : bold;
line-height : 28px;
}
span.hosting-choose2 {
font-size : 26px;
color : #f63;
font-weight : bold;
line-height : 28px;
}
p.hosting-info {
display : block;
margin : 10px 0;
padding : 0;
font-size : 14px;
color : #666;
}
.host-dom {
width : 458px;
float : left;
height : auto;
padding : 0 20px;
margin : 20px 0;
border-left : 1px dashed #ccc;
}
.host-dom img {
border : 0;
}
p.adver-info {
display : block;
margin : 20px 0;
padding : 0;
font-size : 14px;
color : #666;
}
a.adver-main-link {
width : 220px;
margin : 30px;
float : left;
padding : 40px 0;
text-align : center;
display : block;
background : #676767;
color : #fff;
}
.services-mpxx-box {
width : 222px;
float : left;
padding : 0;
margin-right : 20px;
height : auto;
overflow : hidden;
}
p.serv-click {
display : block;
text-align : left;
padding : 0;
margin : 0 0 15px 0;
}
p.serv-click a {
font-size : 14px;
text-decoration : none;
color : #dfdfdf;
font-weight : bold;
}
p.serv-click img {
border : 0;
}
p.serv-block {
display : block;
text-align : left;
padding : 0;
margin : 0 0 15px 0;
font-size : 18px;
font-weight : bold;
color : #005cb9;
}
p.serv-conts {
display : block;
text-align : left;
line-height : 14px;
font-size : 12px;
color : #bec4c5;
padding : 0;
margin : 0 0 10px 0;
}
p.serv-conts span {
font-weight : bold;
color : #bec4c5;
}
a.services-mpxx-box-more {
width : 60px;
float : right;
display : block;
padding : 3px 0 0 0;
font-size : 11px;
color : #c4c1c8;
height : 18px;
text-align : center;
background : url(http://www.mypage.com/images/button_blue_bg_services.png) no-repeat;
font-weight : bold;
text-decoration : none;
}
a:hover.services-mpxx-box-more {
color : #d8f9fe;
}
a.feedback-float {
background : url(http://assets.zipsite.net/lander/images/feadback-btn.jpg) no-repeat;
float : right;
color : #fff;
font-size : 12px;
font-weight : bold;
text-decoration : none;
display : block;
height : 84px;
position : absolute;
right : 0;
top : 50%;
width : 25px;
z-index : 100001;
}
a:hover.feedback-float {
background : url(http://assets.zipsite.net/lander/images/feadback-hover-btn.jpg) no-repeat;
}
.otherpage-mpxx {
width : 940px;
float : left;
height : auto;
padding : 15px;
background : #f9f9f9;
color : #313131;
margin : 10px 0;
}
.mpxx-grayBar {
width : 100%;
float : left;
height : auto;
background : rgb(48, 48, 48);
}
.mpxx-grayBar-inner {
width : 970px;
margin : 0 auto;
overflow : hidden;
text-align : left;
}
ul.blue {
padding-top : 8px;
margin : 0 0;
list-style : none;
float : left;
clear : left;
background : transparent;
}
ul.blue li {
float : left;
}
ul.blue li a {
float : left;
text-decoration : none;
color : #fff;
padding : 4px 15px 0 0;
border : 0;
margin-right : 8px;
font : 900 15px "Arial", Helvetica, sans-serif;
}
ul.blue li a span {
float : left;
padding-right : 15px;
display : block;
margin-top : -4px;
height : 24px;
}
ul.blue li a:hover {
color : rgb(0, 0, 0);
background : url(http://assets.zipsite.net.s3.amazonaws.com/home/light.png) no-repeat top right;
}
ul.blue li a:hover span {
background : url(http://assets.zipsite.net.s3.amazonaws.com/home/light.png) no-repeat top left;
}
ul.blue li a.current {
background : url(http://assets.zipsite.net.s3.amazonaws.com/home/light.png) no-repeat top right;
color : rgb(51, 102, 204);
}
ul.blue li a.current span {
background : url(http://assets.zipsite.net.s3.amazonaws.com/home/light.png) no-repeat top left;
}
.mpxx-page-box-wrap {
background : #171615;
width : 100%;
margin : 0 auto;
height : auto;
overflow : hidden;
color : #999;
padding-top : 30px;
}
.mpxx-page-box {
width : 970px;
margin-left : auto;
margin-right : auto;
height : auto;
overflow : hidden;
color : #999;
}
.mpxx-page-box-left {
width : 200px;
float : left;
height : auto;
padding-right : 30px;
margin-right : 30px;
}
.mpxx-page-box-right {
width : 670px;
padding : 10px;
float : left;
height : auto;
color : #ccc;
}
.mpxx-page-box-right div h1 {
color : #fafafa;
}
.mpxx-page-box-right div h2 {
font-size : 15px;
line-height : 1.6em;
color : rgb(128, 128, 128);
}
div.whatinside {
width : 200px;
font-size : 80%;
padding : 10px;
color : #fff !important ;
float : left;
height : auto;
border-right : 2px dashed #3f3e3d;
}
div.whatsinside h1 {
color : #fff;
}
p.whatinside-title {
display : block;
font-size : 26px;
color : #fff;
margin : 0 0 20px 0;
padding : 0;
}
ul.whatinside-list {
margin : 0;
padding : 0 0 0 10px;
width : 200px;
height : auto;
list-style : none;
}
ul.whatinside-list li {
margin : 5px 0;
padding : 0 0 0 9px !important ;
width : 180px;
height : auto;
float : left;
background : url(http://assets.mypage.com/images/home/footer-cat-left.gif) no-repeat top left;
}
ul.whatinside-list li a {
margin : 0 !important ;
padding : 0 9px 0 0 !important ;
width : auto;
height : 23px;
line-height : 23px;
float : left;
display : block;
float : left;
text-decoration : none !important ;
font-weight : bold;
background : url(http://assets.mypage.com/images/home/footer-cat-right.gif) no-repeat top right;
}
ul.whatinside-list li a:link, ul.whatinside-list li a:active, ul.whatinside-list li a:visited {
font-size : 12px;
font-family : Georgia, "Times New Roman", Times, serif;
color : #a7a7a7;
}
ul.whatinside-list li a:link span, ul.whatinside-list li a:active span, ul.whatinside-list li a:visited span {
color : #f0f;
}
ul.whatinside-list li:hover, ul.whatinside-list li:hover a {
background-position : 0% -23px;
color : #171615;
cursor : pointer;
}
ul.whatinside-list li:hover a {
background-position : 100% -23px;
}
.mpxx-page-feat-left {
width : 200px;
float : left;
height : auto;
margin-right : 10px;
}
.mpxx-page-feat-left img {
border : 2px solid #999;
width : 180px;
height : 150px;
}
.mpxx-page-feat-left img:hover {
border : 2px solid #b2b2b2;
}
.mpxx-page-feat-right {
width : 430px;
float : left;
height : auto;
}
.mpxx-page-feat-right p {
font-size : 18px;
padding : 0;
margin : 0;
}
.mpxx-page-mid {
width : 970px;
float : left;
height : auto;
margin : 30px 0 0 0;
}
.mpxx-page-mid-menu {
width : 970px;
float : left;
height : auto;
background : #4a525b;
margin-bottom : 25px;
}
.mpxx-page-mid-menu a {
color : #ccc;
text-decoration : none;
font-size : 12px;
margin-right : 20px;
background : #4a525b;
width : 120px;
text-align : center;
padding : 5px 0;
display : block;
float : left;
font-weight : bold;
}
.mpxx-page-mid-menu a:hover {
background : #8ca7c4;
color : #2d4157;
}
.banner-ads {
width : 180px;
text-align : center;
height : auto;
margin-right : 20px;
}
.banner-ads img {
margin : 5px;
}
.banner-slider {
width : 770px;
float : left;
height : auto;
}
a.banner-slider-note {
display : block;
text-decoration : none;
color : #00649f;
}
a:hover.banner-slider-note {
color : #0098f2;
}
#number {
margin : 10px 0 0 0;
padding : 0;
}
#number li {
padding : 3px 0 6px 75px;
margin : 0 0 10px;
list-style : none;
min-height : 70px;
}
#number h3 {
font : bold 170%/110% Arial, Helvetica, sans-serif;
margin : 3px 0 5px;
color : #666;
}
.shop {
background : url(http://assets.zipsite.net/icon-shop.png) no-repeat;
}
.affiliate {
background : url(http://assets.zipsite.net/icon-favorite.png) no-repeat;
}
.industry {
background : url(http://assets.zipsite.net/icon-industry.png) no-repeat;
}
.profile {
background : url(http://assets.zipsite.net/icon-manage.png) no-repeat;
}
.domains {
background : url(http://assets.zipsite.net/icon.png) no-repeat;
}
#sliding_popup {
position : fixed;
left : 0;
display : block;
width : 100%;
padding : 0;
margin : 0;
}
.banner-slider-frame {
width : 770px;
float : left;
margin : 20px 0;
}
ul.footer-list {
margin : 0 5px 0 5px;
}
ul.footer-list li {
width : 150px;
float : left;
margin : 3px;
min-height : 1.2em;
font-size : 1em;
}
ul.footer-list li h4 {
color : #fafafa;
}
ul.footer-list li a {
font-family : arial, sansserif;
text-decoration : none;
color : rgb(112, 112, 112);
}
.grid {
width : 170px;
float : left;
margin : 3px;
}
.white {
color : #fafafa !important ;
text-align : left;
}
.grid2 {
float : left;
overflow : hidden;
width : 47%;
min-height : 200px;
margin : 5px;
border : 5px solid #efefef;
}
.grid700 {
width : 670px;
overflow : hidden;
padding : 20px;
margin : 2px;
}
.left {
float : left;
}
.right {
float : right;
}
.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 .about {
margin : 0;
padding : 0;
width : 680px;
height : auto;
font-size : 1.1em;
float : right;
color : #ccc;
}
.about a {
margin : 2px 15px 2px 2px;
background : #f4f3e8;
padding : 5px;
color : #a7a697;
float : left;
}
.about a:hover {
color : #fff;
background : #4a6d7b;
}
.aboutmore {
height : auto;
min-height : 300px;
float : left;
margin : 3px;
}
.about .aboutmore img {
float : left;
margin : 5px;
height : 140px;
border : 1px solid #fafafa;
}
.about .aboutmore a:hover img {
border : 1px solid rgb(0, 102, 204);
}
.about .aboutmore h3 {
color : rgb(0, 102, 204);
width : 220px;
font-size : 20px;
}
.aboutmore p {
width : 220px;
line-height : 1.4em;
margin-top : 5px;
margin-bottom : 5px;
}
#link-back {
margin : 15px 0;
padding : 15px 5px;
background : #0c0b0b;
}
.lightgreen {
background : #e7f3ff;
color : #2955a5;
margin : 0;
padding : 0;
}
.lightgreen h2 {
font-size : 26px;
line-height : 32px;
font-weight : lighter;
margin-top : 5px;
text-align : center;
}
.lightgreen h4 {
font-size : 18px;
font-weight : bolder;
line-height : 25px;
margin-top : 8px;
display : block;
text-align : center;
}
.tryit_text {
color : #390;
font-size : 20px;
}
.main_boxes {
width : 280px;
padding : 10px;
float : left;
height : 260px;
margin : 5px;
font-size : 16px;
line-height : 20px;
}
.border_both {
border-left : 1px solid #ccc;
border-right : 1px solid #ccc;
}
.main_boxes h1 {
font-family : arial, helvetica;
color : #000;
line-height : 30px;
font-size : 24px;
font-weight : bold;
}
.main_boxes a {
color : #69c;
font-size : 18px;
}
.main_boxes a:hover {
color : #06c;
}
.inner {
padding : 10px;
}
.breadstrip {
width : 100%;
background : rgb(102, 153, 255);
color : #fff !important ;
font-size : 1.2em;
font-family : georgia;
}
.breadstrip a {
text-decoration : none;
margin-left : 5px;
margin-right : 5px;
}
.breadstrip a:hover {
color : #ccc !important ;
}
.breadstrip #active {
width : 150px;
font-weight : bold;
}
.banner160 {
border : 5px solid #efefef;
background : #fff;
padding : 5px;
margin : 2px;
width : 160px;
text-align : center;
margin-left : auto;
margin-right : auto;
}
#watchout {
border : 1px dashed #000;
background : #ff9;
}
#watchout .watchthis {
display : block;
background : #f00;
font-size : 18px;
text-align : right;
}
#white {
background : transparent;
color : #fafafa;
font-size : 120%;
}
.boxrelated {
top : 20px;
width : 230px;
border : 1px solid rgb(48, 48, 48);
right : 220px;
background : #ffc;
}
.boxrelated #title {
display : block;
background : #333;
color : #fff;
font-size : 1.6em;
line-height : 20px;
}
.boxcontent {
color : #333;
line-height : 1.6em;
font-size : 1.2em;
border : 1px solid #ccc;
padding : 20px;
background : #fff;
}
.boxcontent h2 {
display : block;
font-weight : bold;
font-size : 1.8em;
margin-top : 10px;
margin-bottom : 5px;
}
.boxcontent p {
margin-top : 5px;
margin-bottom : 5px;
}
.create_button, .create_button:visited {
background : transparent url(http://assets.zipsite.net/domainlander/images/btn_createaccount.png) no-repeat scroll 0% 0%;
color : #4468aa;
display : block;
font-family : 'Arial Rounded MT Bold', 'Lucida Grande', Arial, sans-serif;
font-size : 18px;
font-style : normal;
font-variant : normal;
font-weight : normal;
height : 54px;
line-height : 54px;
margin : 0 auto;
text-align : center;
text-decoration : none;
width : 214px;
letter-spacing : 0.5px;
}
.create_button:hover {
color : #4c4c4c;
}
#Most_Views_Videos, #Top_Rated_Videos, #Recently_Added_Videos {
float : left;
width : 560px;
padding-left : 7px;
}
.paganation {
width : auto;
height : auto;
text-align : left;
display : block;
padding : 5px 0;
}
.paganation a {
padding : 3px 4px;
border : 1px solid #cccccc;
background : #f9f2e8;
color : #333333;
margin : 0 3px;
font : 10px arial;
text-decoration : none;
}
.paganation a:hover {
background : #950000;
font : 10px arial bold;
color : #ffffff;
padding : 3px 4px;
margin : 0 3px;
border : 1px solid #990000;
}
a.page-current {
padding : 3px 4px;
border : 1px solid #990000;
background : #950000;
color : #ffffff;
margin : 0 3px;
font : 10px arial;
text-decoration : none;
}
.prev-page-current {
padding : 3px 4px;
border : 1px solid #cccccc;
background : #f9f2e8;
color : #333333;
font : 10px arial;
}
a.prev-page {
padding : 3px 4px;
border : 1px solid #cccccc;
background : #f9f2e8;
color : #333333;
margin : 0 3px;
font : 10px arial;
text-decoration : none;
}
a.next-page {
padding : 3px 4px;
border : 1px solid #cccccc;
background : #f9f2e8;
color : #333333;
margin : 0 3px;
font : 10px arial;
text-decoration : none;
}
.next-page-current {
padding : 3px 4px;
border : 1px solid #cccccc;
background : #f9f2e8;
color : #333333;
font : 10px arial;
}
.countrylist li {
float : left;
width : 150px;
height : 20px;
margin : 2px;
overflow : hidden;
}
.x3-holder {
width : 575px;
float : left;
height : auto;
overflow : hidden;
}
.x3-box {
width : 570px;
float : left;
height : auto;
margin-bottom : 15px;
text-align : left;
}
.x3-box-title {
width : 570px;
height : auto;
float : left;
margin : 15px 0;
padding : 0;
}
.insertions {
margin : 0 0 5px 0;
display : block;
font-size : 2px;
text-indent : -5000px;
height : 3px;
background-color : #2373be;
border-right : 63px solid #feac2c;
}
.x3-box-content {
width : 550px;
height : auto;
padding : 10px;
float : left;
height : auto;
margin : 0;
background-color : #f4f7f7;
}
.x3-box-content p {
padding : 0;
margin : 0;
}
.search-wrap {
width : 580px;
height : auto;
float : left;
}
.search-holder {
width : 580px;
height : auto;
float : left;
}
.search-list {
width : 550px;
height : auto;
margin : 0 auto;
overflow : hidden;
}
.search-list ul {
list-style : none;
margin : 0;
padding : 0;
}
.search-list li {
display : inline;
}
.search-list a {
font-family : arial, verdana;
font-size : 12px;
color : #144f8f;
padding : 5px;
text-decoration : none;
font-weight : bold;
}
.search-list a:hover {
color : #ff6600;
padding : 5px;
text-decoration : underline;
}
a.current {
color : #ffffff;
background-color : #902d04;
padding : 5px;
text-decoration : none;
}
a:hover.current {
text-decoration : none;
color : #f5d9cd;
}
.search-box {
width : 550px;
height : auto;
margin : 0 auto;
padding : 5px;
background-color : #bef5fc;
overflow : hidden;
}
.s1 {
width : 400px;
height : auto;
float : left;
}
.s2 {
width : 120px;
height : auto;
float : left;
}
input.search-type {
width : 380px;
height : 20px;
padding : 5px;
border : 2px solid #ffffff;
background-color : #f3fdfe;
font-size : 14px;
font-family : arial, verdana;
color : #646464;
}
.search-btn {
width : 120px;
height : 35px;
padding : 5px;
border : 2px solid #284e93;
font-size : 12px;
font-family : arial;
color : #ffffff;
background : #284e93 url(http://www.mypage.com/e/images/search-btn-bg.jpg) repeat-x top;
cursor : pointer;
}
a.x3-box-pt-1 {
font-family : arial;
color : #0063dc;
font-size : 28px;
text-decoration : none;
}
a:hover.x3-box-pt-1 {
color : #fff;
background-color : #0063dc;
}
a.x3-box-pt-2 {
font-family : arial;
color : #0063dc;
font-size : 18px;
text-decoration : none;
}
a:hover.x3-box-pt-2 {
color : #fff;
background-color : #0063dc;
}
a.x3-box-pt-3 {
font-family : arial;
color : #0063dc;
font-size : 16px;
text-decoration : none;
}
a:hover.x3-box-pt-3 {
color : #fff;
background-color : #0063dc;
}
a.x3-box-pt-4 {
font-family : arial;
color : #0063dc;
font-size : 22px;
text-decoration : none;
}
a:hover.x3-box-pt-4 {
color : #fff;
background-color : #0063dc;
}
a.x3-box-pt-5 {
font-family : arial;
color : #0063dc;
font-size : 12px;
text-decoration : none;
}
a:hover.x3-box-pt-5 {
color : #fff;
background-color : #0063dc;
}
a.x3-box-pt-6 {
font-family : arial;
color : #0063dc;
font-size : 20px;
text-decoration : none;
}
a:hover.x3-box-pt-6 {
color : #fff;
background-color : #0063dc;
}
#newsfeed {
list-style-image : none;
list-style-position : outside;
list-style-type : none;
margin : 0;
padding : 0;
}
#newsfeed li {
background-color : #fafafa;
background-position : 610px 8px;
background-repeat : no-repeat;
border : 1px solid #e9e9e9;
margin : 7px 0;
padding : 7px;
}
#newsfeed li ul {
list-style-image : none;
list-style-position : outside;
list-style-type : disc;
margin : 0 0 0 15px;
padding : 0;
}
#newsfeed li ul li {
background : transparent none repeat scroll 0 0;
border : medium none;
margin : 5px 0;
padding : 0;
}
#newsfeed li.date {
background : transparent none repeat scroll 0 0;
border-style : none none solid;
border-width : medium medium 1px;
font-size : 16px;
padding : 5px 7px;
}
#newsfeed li p.description {
font-size : 14px;
margin : 0 30px 0 0;
padding : 0;
}
#newsfeed li p.description a img {
padding : 0 5px;
}
#newsfeed li p.description a {
text-decoration : none;
}
#newsfeed li .expand {
border-top : 1px solid #e2e2e2;
margin : 5px 30px 0;
padding : 7px 0;
}
#newsfeed li .expand .item_image {
float : left;
padding : 0 10px 0 0;
width : 150px;
}
#newsfeed li .expand h3 {
font-size : 16px;
margin : 0 0 10px;
}
#newsfeed li .expand .group {
width : 100px;
}
#newsfeed li .expand .post {
float : right;
padding : 0 0 0 10px;
width : 150px;
}
#newsfeed li p.expand img {
margin-right : 3px;
}
#newsfeed .avatar {
float : left;
padding : 0 10px 0 0;
text-align : center;
width : 22px;
}
#newsfeed li:hover {
background-color : #e7f1f8;
}
#newsfeed li.date:hover, #newsfeed li li:hover {
background-color : transparent;
}