html {
font-size: 11px;
overflow-x: auto;
}
body {
background-image:url(...http://coolestone.com/images/halloweenBG.jpg);
background-color: #000000;
background-position: Top center;
background-attachment: scroll;
background-repeat: no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #878787;
text-align: left;
margin: 0;
padding: 0;
}
a:link, a:active, a:visited, a:hover {
color: #0000FF;
text-decoration: none;
}
a:hover {
color: #0000FF;
text-decoration: underline;
}
img {
border: 0;
}
table {
width: 100%;
}
td {
vertical-align: top;
font-size: 11px;
}
#container {
width: 1025px;
margin: 0 auto;
text-align: left;
padding: 0;
}
#wrapper {
background: #fff;
border: 1px solid #F5f5f5;
}
#banner {
height: 57px;
background: #fff url(../../../images/frontend/DefaultV2/banner_bg.jpg) repeat-x 0 100%;
}
#banner_content {
height: 22px;
}
#top_bar {
background: url(../../../images/frontend/DefaultV2/dark_bar.gif) repeat-x;
color: #cfcfcf;
padding: 2px;
height: 23px;
}
#top_bar p.top_user {
padding: 3px;
margin: 0;
border: 0;
}
#top_bar a:link, #top_bar a:active, #top_bar a:visited, #top_bar a:hover {
color: #cfcfcf;
text-decoration: none;
}
#top_bar a:hover {
color: #fff;
text-decoration: underline;
}
#top_search {
float: right;
}
#top_search input.top_input {
border: 1px solid #969696;
background: #3B5998;
color: #fff;
padding: 3px;
height: 13px;
font-size: 10px;
width: 180px;
margin: 0;
vertical-align: middle;
}
#top_search input.top_btn {
border: 1px solid #969696;
background: #00007F;
margin: 0;
font-size: 0;
padding: 3px 10px 2px;
vertical-align: middle;
}
#banner_text {
padding: 10px 0 0 40px;
font-size: 40px;
color: #030697;
font-weight: bold;
letter-spacing: -3px;
}
#banner_text span {
color: #328ccc;
}
#tabs {
font-size: 12px;
color: #FFF;
font-weight: bold;
height: 29px;
overflow: hidden;
}
#tabs ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#tabs li {
display: inline;
margin: 0;
padding: 0;
}
#tabs a:link, #tabs a:active, #tabs a:visited, #tabs a:hover {
float: left;
background: url(../../../images/frontend/DefaultV2/tabs.gif) no-repeat 0 -33px;
margin: 0;
margin-left: 1px;
padding: 0 0 0 6px;
text-decoration: none;
}
#tabs a:link span, #tabs a:active span, #tabs a:visited span, #tabs a:hover span {
float: left;
display: block;
background: url(../../../images/frontend/DefaultV2/tabs.gif) no-repeat 100% -33px;
padding: 8px 11px 8px 5px;
font-weight: bold;
color: #C8C8C8;
}
#tabs a span {
float: none;
}
#tabs a:hover {
background-position: 0 -66px;
cursor: pointer;
}
#tabs a:hover span {
background-position: 100% -66px;
color: #f5f5f5;
cursor: pointer;
}
#tabs a.active:link, #tabs a.active:active, #tabs a.active:visited, #tabs a.active:hover {
background-position: 0 0;
}
#tabs a.active:link span, #tabs a.active:active span, #tabs a.active:visited span, #tabs a.active:hover span {
background-position: 100% 0;
color: #fff;
}
#upload {
float: right;
padding: 8px 8px 0 0;
}
#tab_end {
background: #ECE9D8 url(../../../images/frontend/DefaultV2/dark_bar.gif) repeat-x 0 0;
padding: 8px;
color: #fff;
text-align: center;
}
#tab_end a:link, #tab_end a:active, #tab_end a:visited, #tab_end a:hover {
color: #cfcfcf;
text-decoration: none;
}
#tab_end a:hover {
color: #fff;
text-decoration: underline;
}
#content {
padding: 7px;
}
.border {
border: 1px solid #f5f5f5;
background: #fff url(../../../images/frontend/DefaultV2/content_grad.gif) repeat-x 0 100%;
}
.header, .m_header, .maintitle {
background: #898989 url(../../../images/frontend/DefaultV2/maintitle.gif) repeat-x 0 100%;
padding: 2px;
color: #fff;
font-weight: bold;
border-bottom: 1px solid #646464;
border-left: 1px solid #898989;
border-right: 1px solid #898989;
border-top: 1px solid #a8a8a8;
}
.maintitle2 {
background: #898989 url(../../../images/frontend/DefaultV2/maintitle.gif) repeat-x 0 100%;
padding: 2px;
color: #fff;
border-bottom: 1px solid #646464;
border-left: 1px solid #898989;
border-right: 1px solid #898989;
border-top: 1px solid #a8a8a8;
}
h1 {
background: #898989 url(http://coolestone.com/images/frontend/DefaultV2/maintitle.gif) repeat-x 0 100%;
padding: 4px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
font-weight: bold;
color: #fff;
}
.body-right {
width: 298px;
float: right;
}
.right-outer-boxes {
width: 298px;
float: left;
margin-bottom: 20px;
}
.member-login-top {
width: 275px;
float: left;
background: url('http://coolestone.com/member/member-login-top.jpg') no-repeat left top;
height: 14px;
font-size: 1px;
}
.member-login-heading {
border-bottom: 2px solid #FFF;
padding-left: 10px;
margin-bottom: 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 22px;
font-weight: bold;
color: #FFF;
padding-right: 10px;
margin-right: 5px;
margin-left: 5px;
}
.logintext {
font-weight: bold;
color: #FFF;
}
.logintext a:link, .logintext a:active, .logintext a:visited, .logintext a:hover {
color: #FFF;
text-decoration: none;
}
.member-login-bg {
width: 245px;
min-height: 170px;
height: auto;
_height: 170px;
float: left;
border-left: 4px solid #CACACA;
border-right: 4px solid #CACACA;
background: #1139E6 url('http://coolestone.com/member/member-login-bg.jpg') repeat-x left top;
color: #FFF;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
padding: 0 15px;
}
.member-login-bg a {
font: bold 14px/28px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: underline;
}
.member-login-bg a:hover {
color: #32B5EE;
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: 90px;
margin-right: 8px;
padding-top: 1px;
padding-left: 20px;
}
.member-login-bg .input-text {
width: 139px;
height: 20px;
padding: 0 2px;
border: 1px solid #7C7C7C;
font: bold 16px Arial, Helvetica, sans-serif;
color: #39F;
vertical-align: middle;
}
.member-menu-link {
float: left;
width: 150px;
margin-right: 10px;
}
.member-login-btm {
width: 383px;
float: left;
background: url('http://coolestone.com/member/member-login-btm.jpg') no-repeat left top;
height: 14px;
font-size: 1px;
}
.header span.cat, .m_header span.cat, .maintitle span.cat {
float: right;
color: #FFF;
font-weight: bold;
}
.m_header a:link, .m_header a:active, .m_header a:visited, .m_header a:hover, .header a:link, .header a:active, .header a:visited, .header a:hover, .maintitle a:link, .maintitle a:active, .maintitle a:visited, .maintitle a:hover {
color: #FFF;
text-decoration: none;
}
.m_header a:hover, .header a:hover, .maintitle a:hover {
text-decoration: underline;
}
.header img {
vertical-align: middle;
}
.main_content {
padding: 8px;
}
#footer_index {
border-top: 1px solid #c3c3c3;
background: #00007A url(../../../images/frontend/DefaultV2/content_grad_bottom.gif) repeat-x 0 100%;
margin: 8px 0 0;
padding: 4px;
margin-bottom: -79px;
min-height: 90px;
}
#footer_box {
border-top: 1px solid #c3c3c3;
background: #00007A url(../../../images/frontend/DefaultV2/content_grad_bottom.gif) repeat-x 0 100%;
margin: 8px 0 0;
padding: 4px;
min-height: 90px;
}
#footer_col {
width: 100%;
margin: 2px 0;
}
#footer_col td {
width: 25%;
border-right: 1px dotted #c3c3c3;
padding: 5px 5px 5px 15px;
}
#footer_col td.end {
border: 0;
}
#footer_col a:link, #footer_col a:active, #footer_col a:visited {
color: #F0F0F0;
}
#footer_col a:hover {
color: #4fa6e3;
}
.copyright {
border-top: 1px solid #c3c3c3;
text-align: center;
padding: 5px;
}
.copyright a:link, .copyright a:active, .copyright a:visited, .copyright a:hover {
color: #328ccc;
text-decoration: none;
}
.content {
padding: 8px;
}
.box {
border: 1px solid #515151;
background: #fff url(../../../images/frontend/DefaultV2/content_grad.gif) repeat-x 0 100%;
margin: 5px 0;
}
.title {
border-bottom: 1px solid #cfcfcf;
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
}
.title a:link, .title a:active, .title a:visited, .title a:hover {
text-decoration: none;
}
.title span {
font-size: 11px;
font-weight: normal;
float: right;
}
.box img.img {
border: 2px solid #868686;
margin: 0 12px 8px 0;
}
#pageLinks {
padding: 10px 0 3px;
text-align: right;
font-size: 11px;
font-weight: bold;
}
#pageLinks em {
font-style: normal;
padding: 1px 4px 2px;
background: #328ccc;
color: #fff;
text-decoration: none;
border: 1px solid #3676ac;
}
#pageLinks a:link, #pageLinks a:active, #pageLinks a:visited, #pageLinks a:hover {
padding: 1px 4px 2px;
border: 1px solid #838383;
background: #e3e3e3;
text-decoration: none;
}
#pageLinks a:hover {
background: #fff;
color: #328ccc;
text-decoration: none;
}
.lnav {
border: 1px solid #515151;
background: #f8f8f8;
}
.lnav a:link, .lnav a:active, .lnav a:visited, .lnav a:hover {
text-decoration: none;
}
.lnav_l, .lnav_d {
background-color: #f8f8f8;
background: url(../../../images/frontend/DefaultV2/nav.gif) no-repeat 10px 50%;
display: block;
padding: 3px 0 3px 25px;
}
.lnav_d {
background-color: #e3e3e3;
}
#search_nav {
width: 250px;
vertical-align: top;
padding-right: 8px;
}
#group_nav {
width: 300px;
vertical-align: top;
padding-right: 8px;
}
#profile_nav {
width: 250px;
vertical-align: top;
padding-right: 8px;
}
#media_nav {
width: 300px;
vertical-align: top;
padding-left: 8px;
}
#nav {
width: 180px;
vertical-align: top;
padding-right: 8px;
}
.clear {
clear: both;
}
.input, .button {
border: 1px solid #969696;
padding: 2px;
background: #FFF;
color: #878787;
font-size: 10px;
margin: 1px;
display: inline;
}
.button {
background: #e2e2e2;
padding: 1px;
font-weight: bold;
}
a.admin_button:link, a.admin_button:active, a.admin_button:visited, a.admin_button:hover {
background: #e2e2e2;
padding: 5px;
font-weight: bold;
font-size: 10px;
color: #878787;
margin: 1px;
border: 1px solid #c3c3c3;
width: auto;
vertical-align: middle;
float: right;
text-align: center;
display: block;
text-decoration: none;
}
a.admin_button:hover {
color: #878787;
background: #fff;
border: 1px solid #878787;
}
.admin_button img {
vertical-align: middle;
border: 0;
}
.fm_des {
background: #F8F8F8;
border-bottom: 1px solid #666664;
padding: 4px;
margin: 4px 0;
}
.shadetabs {
height: 25px;
position: relative;
top: 1px;
}
.shadetabs ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}
.shadetabs li {
display: block;
float: left;
margin: 0;
margin-right: 1px;
padding: 0 0 0 5px;
background: url(../../../images/frontend/DefaultV2/tabs_small.gif) no-repeat 0 0;
}
.shadetabs li a:link, .shadetabs li a:active, .shadetabs li a:visited, .shadetabs li a:hover {
text-decoration: none;
padding: 6px 10px 6px 5px;
display: block;
float: left;
color: #515151;
background: url(../../../images/frontend/DefaultV2/tabs_small.gif) no-repeat 100% 0;
}
.shadetabs li a:visited {
color: #515151;
}
.shadetabs li a:hover {
text-decoration: none;
color: #515151;
}
.shadetabs li.selected {
background: url(../../../images/frontend/DefaultV2/tabs_small.gif) no-repeat 0 -25px;
}
.shadetabs li.selected a:link, .shadetabs li.selected a:active, .shadetabs li.selected a:visited, .shadetabs li.selected a:hover {
background: url(../../../images/frontend/DefaultV2/tabs_small.gif) no-repeat 100% -25px;
text-decoration: none;
color: #fff;
}
.contentstyle {
border: 1px solid #515151;
background: #e3e3e3;
margin-bottom: 1em;
padding: 10px;
clear: both;
height: 320px;
}
.thumb {
border: 1px solid #437181;
margin: 2px;
}
.progress {
background: #FFF;
border: 1px solid #000;
width: 300px;
height: 12px;
text-align: left;
}
.progress_in {
background: #EEAE1D;
border-right: 1px solid #000;
height: 100%;
line-height: 12px;
}
.radio {
border: 0;
padding: 0;
}
.media_title {
font-size: 18px;
text-align: left;
}
.media_title span {
float: right;
}
.row_l, .row_d {
background-color: #E6EAEB;
background: url(../../../images/frontend/DefaultV2/nav.gif) no-repeat 10px 50%;
display: block;
padding: 3px 0 3px 25px;
}
.row_d {
background-color: #DCDEDD;
}
#boxes {
font-family: Arial, sans-serif;
list-style-type: none;
margin: 10px;
padding: 4px;
}
#boxes li {
cursor: move;
position: relative;
float: left;
margin: 2px 2px 0 0;
border: 1px solid #000;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
background-color: #E5E5E5;
}
.handle {
font-size: 14px;
font-family: Arial, sans-serif;
border: 1px solid #aaa;
cursor: move;
height: 14px;
border-width: 0 0 1px;
background: #E5E5E5;
color: #eee;
padding: 2px 6px;
margin: 0;
}
div.topFriendslabel {
font-size: 18px;
width: 776;
position: relative;
display: block;
clear: both;
margin: 0;
padding: 0;
}
#pl_boxes {
font-family: Arial, sans-serif;
list-style-type: none;
margin: 10px;
padding: 4px;
}
#pl_boxes li {
cursor: move;
position: relative;
float: left;
margin: 5px 5px 0 0;
border: 1px solid #000;
padding-top: 5px;
padding-bottom: 5px;
background-color: #E5EBEB;
}
.form_box {
background-color: #F5F5F5;
border-width: 1px;
border-color: #D5D5D5;
border-style: solid;
margin: 2px 0 10px;
padding: 1px;
padding-top: 5px;
}
.form_box legend {
color: #AFAFAF;
font-weight: bold;
margin-left: 20px;
}
.form_box table td {
padding: 4px;
vertical-align: top;
}
.small_br {
display: block;
}
.view_select {
float: right;
padding-top: 5px;
padding-bottom: 5px;
}
.view_select a:link, .view_select a:active, .view_select a:visited, .view_select a:hover {
text-decoration: none;
}
.small_desc {
font-size: 10px;
padding: 5px 0 5px 3px;
}
.img_border {
border: 2px solid #437181;
margin: 0 12px 8px 0;
}
.tag_cloud a:link, .tag_cloud a:active, .tag_cloud a:visited, .tag_cloud a:hover {
text-decoration: none;
}
.comments {
display:none;
width:100%;
background:#ffffff;
}
.pic_comments {
margin: 0 auto;
width: 85%;
text-align: left;
}
.pic_comments table {
width: 100%;
text-align: left;
background-color: #D5D5D5;
}
.pic_comments table td {
background-color: #F5F5F5;
}
.main_row_color {
background-color: #c3c3c3;
color: #fff;
}
.row1_color {
background-color: #FFF;
}
.row2_color {
background-color: #E3E3E3;
}
.content_table {
width: 100%;
text-align: left;
background-color: #c3c3c3;
}
.admin_table {
width: 100%;
text-align: left;
background-color: #7BA0B2;
}
.admin_msg {
border: 1px solid #7497A4;
padding: 5px;
background-color: #F5F6F8;
}
.admin_msg_info {
border: 1px solid #7497A4;
padding: 5px;
background-color: #F5F6F8;
}
.admin_msg_green {
border: 1px solid #7497A4;
padding: 5px;
background-color: #F5F6F8;
}
.admin_msg_red {
border: 1px solid #7497A4;
padding: 5px;
background-color: #F5F6F8;
}
#bulletinb {
width: 600px;
border: 1px solid #C5D8EB;
background-color: #fff;
border-collapse: collapse;
margin-bottom: .5em;
}
#bulletinb th {
width: 14%;
background-color: #E8F1FA;
color: #000;
font-size: 13px;
font-weight: bold;
text-align: left;
border-right: 1px solid #C5D8EB;
}
#bulletinb td, #bulletinb th {
padding: 5px;
vertical-align: top;
border-bottom: 1px solid #C5D8EB;
}
#bulletinb img {
border: 0;
}
.result_msg {
border: 1px solid #969696;
padding: 5px;
background-color: #F5F6F8;
}
.media_box1, .media_box2 {
background: #E5E9EC;
padding: 10px;
margin: 5px 0;
line-height: 15px;
}
.media_box2 {
background: #D1DCDF;
}
.media_img2 {
border: 2px solid #437181;
background: #fff;
padding: 1px;
margin: 0 12px 8px 0;
}
.media_desc {
padding-bottom: 5px;
}
.greyb {
color: #9F9F9F;
font-weight: bold;
}
.commentEntry {
margin: 6px 0 10px;
}
.commentHead {
border-top: 1px solid #cfcfcf;
padding: 4px;
}
.commentHeadHighlight {
border-top: 1px solid #cfcfcf;
padding: 4px;
background: #D1DCDF;
}
.commentBody {
margin-top: 4px;
margin-left: 4px;
}
.media_options {
border: 1px solid #7497A4;
padding: 5px;
background-color: ##8ED2F6;
}
.media_icons {
width: 100%;
}
.media_icons td {
text-align: left;
padding: 3px 3px 3px 10px;
vertical-align: middle;
}
.media_icons td img {
vertical-align: middle;
}
.media_user_details {
border-bottom: 1px solid #cfcfcf;
padding: 8px;
}
.media_user_details img {
width: 58px;
height: 43px;
border: 1px solid #000;
float: left;
}
.media_user_details div {
line-height: 15px;
padding-left: 8px;
margin-left: 60px;
}
.media_info {
line-height: 15px;
}
.media_info_box {
border-bottom: 1px solid #cfcfcf;
margin-bottom: 8px;
padding-bottom: 8px;
}
.media_ajax_list {
width: 100%;
}
.media_ajax_list td {
border-bottom: 1px solid #cfcfcf;
padding: 3px;
text-align: left;
vertical-align: top;
line-height: 15px;
}
.media_ajax_list td img {
width: 90px;
height: 70px;
border: 0;
}
.small_thumb {
Width: 40px;
height: 20px:
border: 3px double #cfcfcf;
margin: 2px;
}
.wide_thumb {
width: 90px;
height: 54px;
overflow: hidden;
border: 1px solid #000;
}
.member_thumb {
border: 3px double #cfcfcf;
margin: 2px;
}
.media_thumb {
border: 3px double #cfcfcf;
margin: 2px;
}
.media_thumb_detailed {
border: 3px double #cfcfcf;
margin: 0 12px 8px 0;
}
.group_thumb {
border: 3px double #cfcfcf;
margin: 0 12px 8px 0;
}
.group_thumb_div {
width: 90px;
height: 70px;
overflow: hidden;
border: 3px double #cfcfcf;
margin: 2px;
text-align: center;
}
.group_thumb_div img {
margin: -10px 0 0 -15px;
}
.pic_thumb {
border: 3px double #cfcfcf;
margin: 0 12px 8px 0;
}
.line_seperator {
border-bottom: 1px solid #cfcfcf;
padding: 5px 3px;
margin-bottom: 5px;
}
.group_forum_table {
width: 100%;
text-align: left;
background-color: #c3c3c3;
}
.group_forum_avatar {
width: 58px;
height: 43px;
border: 1px solid #000;
}
.dropmenudiv {
position: absolute;
border: 1px solid #838383;
border-bottom-width: 0;
font: normal 11px Verdana;
line-height: 18px;
z-index: 100;
}
.dropmenudiv a:link, .dropmenudiv a:active, .dropmenudiv a:visited, .dropmenudiv a:hover {
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #838383;
padding: 1px 0;
text-decoration: none;
text-align: left;
background-color: #e3e3e3;
color: #838383;
}
.dropmenudiv a:hover {
background-color: #fff;
color: #328ccc;
}
.media_tabs_bar {
width: 670px;
}
.index_media_links a:link, .index_media_links a:active, .index_media_links a:visited, .index_media_links a:hover {
text-decoration: none;
font-weight: 100;
}
.index_media_links a.selected:link, .index_media_links a.selected:active, .index_media_links a.selected:visited, .index_media_links a.selected:hover {
font-weight: bold;
}
.group_table {
width: 1%;
}
.group_table td {
width: 1%;
padding: 3px 15px;
}
.bottomlogin {
background-image: url(../../../images/frontend/DefaultV2/member-login-btm.jpg);
background-repeat: no-repeat;
height: 14px;
width: 298px;
}
.bglogin {
background-image: url(../../../images/frontend/DefaultV2/bg-login.jpg);
width: 298px;
background-repeat: no-repeat;
}
.toplogin {
background-image: url(../../../images/frontend/DefaultV2/member-login-top.jpg);
width: 298px;
height: 14px;
background-repeat: no-repeat;
}
.pack_progress {
background: #FFF;
border: 1px solid #000;
width: 200px;
height: 8px;
text-align: left;
overflow: hidden;
position: relative;
}
.pack_progress_in {
background: #328ccc;
height: 100%;
line-height: 8px;
padding: 0;
position: relative;
}
#pack_nav {
width: 250px;
vertical-align: top;
padding-right: 8px;
}
.pack_box {
border: 1px solid #969696;
padding: 5px;
background-color: #F5F6F8;
height: 200px;
margin: 2px;
}
.pack_box_con {
float: left;
width: 33.33%;
}
.lnav_sel {
background-color: #f8f8f8;
background: url(../../../images/frontend/DefaultV2/nav.gif) no-repeat 10px 50%;
display: block;
padding: 3px 0 3px 25px;
font-weight: bold;
}
.result_alert {
color: #FFF;
border: 1px solid #AF3646;
background-color: #BF3B50;
padding: 5px;
}
.main_title {
color: #ffffff;
font-weight: bold;
}
.mresponse_table {
width: 1%;
}
.mresponse_table td {
width: 1%;
padding: 3px 20px;
}
.media_response_text {
text-align: center;
}
.media_list_info {
float: right;
width: 175px;
margin: 0 5px 0 0;
padding-left: 5px;
white-space: nowrap;
border-left: 1px solid #cfcfcf;
line-height: 15px;
}
.media_list_desc {
padding-bottom: 5px;
height: 48px;
margin-right: 5px;
overflow-y: hidden;
}
div#footerform{ background:url(http://coolestone.com/_afooter/images/fbg2.png) repeat; text-align:center; position:fixed; bottom:0; left:0; width:100%; height:100px; border-top:0px solid #000000; display:none; z-index: 10; }
div#footerform form { display:inline; }
div#footerform .formInputfooter { width:154px; height:20px; padding:4px 5px 0 25px; margin:1px; border:1px solid #aaa; text-align:left; color:#000000; vertical-align:middle; }
div#footerform .formInputSubmitfooter { height:26px; vertical-align:middle; }
div#footerform .tagline { font-size: 14px; font-weight: bold; font-family: arial; }
div#footerform .close { float:right; margin:2px 8px 0px 0px; }
div#footerform .close2 { float:left; margin:1px 2px 0px 0px; }