HTML,
BODY {
margin: 0;
padding: 0;
height: 100%;
font: normal 10pt 'Trebuchet MS', Arial, sans-serif;
color: #333;
}
A {
color: #0063DC;
}
A:hover {
text-decoration: none;
}
DIV.wrapper {
width: 100%;
overflow: hidden;
zoom: 1;
}
BR.clear {
clear: both;
}
/* FORM */
FORM {
margin: 0;
padding: 0;
}
LABEL {
font-size: 9pt;
font-weight: bold;
}
/* */
DIV#bg {
min-height: 100%;
background: url('/img/bottom_bg.gif') repeat-x 0 100%;
text-align: center;
}
* HTML DIV#bg {
height: 100%;
}
DIV#bg DIV#all {
width: 940px;
margin: 1em auto;
text-align: left;
}
UL#top_menu {
float: right;
padding: 0;
margin: 1em 0 0 0;
}
UL#top_menu LI {
float: left;
list-style: none;
margin-left: 2em;
margin-right: 1em;
font-size: 12pt;
}
UL#top_menu LI,
UL#top_menu LI A {
font-weight: bold;
}
DIV#what_is {
background: url('../img/sample_watermarks.jpg') no-repeat 100% 0;
min-height: 240px;
}
* HTML DIV#what_is {
height: 240px;
}
DIV#left {
float: left;
width: 630px;
}
DIV#right {
float: right;
width: 300px;
}
DIV#bottom {
padding: 1em 0;
font-size: 9pt;
}
DIV#right DIV.adsence {
height: 280px;
background-color: #ffffff;
margin-bottom: 2em;
}
H1, H2, H3, H4 {
color: #FF0099;
margin: 1em 0 0 0;
}
H1 SPAN,
H2 SPAN,
H3 SPAN,
H4 SPAN,
SPAN.markt {
color: #0063DC;
}
H1 {
font-size: 26pt;
}
H1 {
background: url('../img/picmarkr_logo.gif') no-repeat 0 0;
color: #FFF;
text-align: right;
font-size: 0;
height: 34px;
margin-top: 20px;
}
H2 {
font-size: 16pt;
}
DIV.subh1, DIV.subh2 {
margin-top: -2px;
font-size: 12px;
color: #333;
}
DIV.subh2 {
margin-left: 1pt;
}
/* FEATURES */
DIV.features {
color: #666;
font-weight: bold;
font-size: 12px;
}
DIV.features H3 {
color: #0063DC;
margin: 0 0 0 2em;
font-size: 14px;
}
DIV.features UL {
margin: 0 0 0 2em;
padding: 0;
}
DIV.features UL LI {
list-style-image: url('../img/icon_list.gif');
list-style-position: inside;
}
DIV.features UL LI SPAN {
color: #009900;
}
/* RECENT USERS */
DIV.recent_users {}
DIV.recent_users TABLE {
width: 100%;
margin: 1em 0;
}
DIV.recent_users TABLE TR TD {
width: 33%;
text-align: center;
font-size: 8pt;
color: #808080;
padding-bottom: 1em;
}
DIV.recent_users TABLE TR TD A {
}
/* ROUNDED */
DIV.rounded {
background-color: #F3F3F3;
margin: 1em 0;
}
DIV.rounded DIV.rounded_lt {
background: url('../img/round_lt.gif') no-repeat 0 0;
}
DIV.rounded DIV.rounded_rt {
background: url('../img/round_rt.gif') no-repeat 100% 0;
}
DIV.rounded DIV.rounded_rb {
background: url('../img/round_rb.gif') no-repeat 100% 100%;
}
DIV.rounded DIV.rounded_lb {
background: url('../img/round_lb.gif') no-repeat 0 100%;
}
DIV.rounded DIV.rounded_cont {
padding: 12px;
}
* HTML DIV.rounded DIV.rounded_cont {
height: 1%;
}
DIV#upload DIV.rounded_cont {
min-height: 250px;
}
* HTML DIV#upload DIV.rounded_cont {
height: 250px;
}
/* UPLOAD */
DIV.rounded DIV.nav {
font-size: 12pt;
font-weight: bold;
margin-bottom: 0.5em;
}
DIV.rounded DIV.nav DIV {
float: left;
}
DIV.rounded DIV.nav DIV.nav_first {
width: 150px;
font-size: 10pt;
font-weight: bold;
}
DIV.rounded DIV.nav DIV.active {
border: 0;
}
DIV.rounded DIV.nav DIV.active A {
background-color: #0063DC;
color: #FFF;
text-decoration: none;
padding: 0 0.25em;
}
DIV.rounded DIV.nav DIV.nav_second {
width: 150px;
font-size: 10pt;
font-weight: bold;
}
DIV.upload INPUT.username {
width: 245px;
}
DIV.upload INPUT.button {
padding: 0 1em;
}
DIV.upload H3 {
color: #333;
font-size: 12pt;
margin: 1em 0 0.5em 0;
}
DIV.photos {
font-size: 7.5pt;
}
DIV.photos DIV.photo {
width: 77px;
float: left;
overflow: hidden;
margin-right: 15px;
margin-bottom: 1em;
border: none;
text-align: center;
}
/*
DIV.photos DIV.photo IMG {
display: block;
width: 75px;
height: 75px;
border: 1px solid #999;
background-color: #FFF;
}
*/
DIV.photos DIV.photo IMG {
display: block;
width: 75px;
height: 75px;
border: 1px solid #999;
background-color: transparent;
}
DIV.empty {
display.none;
}
DIV.photos DIV.photo DIV.no_tr {
background-color: #FFF;
text-align: center;
}
DIV.photos DIV.photo DIV {
margin-top: 1px;
background-color: #C2C2C2;
text-align: center;
}
DIV.photos DIV.photo.active DIV {
background-color: #9C0;
}
DIV.photos DIV.photo DIV INPUT {
padding: 0;
}
DIV.pager {
text-align: right;
font-size: 12pt;
font-weight: bold;
margin-right: 2em;
}
DIV.pager SPAN {
color: #999;
}
DIV.pager A.active {
}
DIV.pager A.noactive {
color: #999;
cursor: default;
}
DIV.files INPUT {
margin-bottom: 0.5em;
}
DIV.limits {
float: right;
width: 180px;
margin-right: 100px;
padding: 0.75em 0.5em;
border: 1px dashed #ADADAD;
font-size: 12px;
font-weight: bold;
color: #333;
background-color: #FFF;
}
* HTML DIV.limits {
display: inline;
}
DIV.limits UL {
margin: 0 0 0 20px;
padding: 0;
color: #666;
}
DIV.limits UL LI {
list-style-image: url('../img/icon_arrow_green.gif');
list-style-position: outside;
padding-left: -20px;
}
DIV.optional {
background-color: #FBFFCC;
width: 330px;
padding: 0.5em;
font-size: 12px;
margin-top: 1em;
}
DIV.optional LABEL {
display: block;
margin-bottom: 0.5em;
}
DIV.optional STRONG {
color: #0063DC;
}
DIV.optional SELECT,
DIV.optional SELECT OPTION {
color: #666;
font-size: 9pt;
}
/* WATERMARK */
DIV#watermark DIV#left {
width: 400px;
}
DIV#watermark DIV#right {
width: 500px;
margin-top: 1em;
}
DIV.watermarks {
width: 330px;
margin-top: 2em;
}
DIV.watermark {
margin-bottom: 1em;
border: 1px solid #EBEBEB;
}
DIV.watermark.active {
border: 1px solid #0164DC;
}
DIV.watermark DIV.title {
font-size: 16pt;
font-weight: bold;
margin: 1px;
padding-left: 0.5em;
}
DIV.watermark DIV.title LABEL {
font-size: 16pt;
font-weight: bold;
margin: 1px;
padding-left: 0.5em;
}
DIV.watermark DIV.title IMG {
float: right;
margin: 6px 5px 0 0;
}
DIV.watermark.active DIV.title {
color: #06F;
background-color: #EBEBEB;
}
DIV.watermark DIV.form {
margin: 1em 1em 1em 3em;
}
DIV.watermark DIV.form LABEL {
display: block;
font-size: 14px;
margin-top: 1em;
}
DIV.watermark DIV.form INPUT.text {
width: 192px;
border: 1px solid #333;
color: #CCC;
font-weight: bold;
padding: 3px;
}
DIV.watermark DIV.form SELECT {
width: 200px;
font-size: 12px;
}
DIV.watermark DIV.form A.active {
}
DIV.watermark DIV.form A.noactive {
color: #000000;
cursor: default;
text-decoration: none;
}
DIV.watermark DIV.form A.noactive:hover {
color: #000000;
cursor: pointer;
text-decoration: none;
}
DIV.hint {
font-size: 11px;
color: #707070;
}
DIV.button_hint {
color: #707070;
font-weight: bold;
margin: 0.1em 0 2em 0;
}
DIV.aligns {
margin-top: 0.5em;
}
DIV.aligns DIV {
float: left;
margin: 0 8px 8px 0;
border: 1px solid #FFF;
}
DIV.aligns DIV IMG {
display: block;
height: 18px;
width: 18px;
border: 1px solid #CCC;
background-color: #EBEBEB;
background-image: url('../img/align.gif');
background-repeat: no-repeat;
cursor: default;
cursor: pointer;
}
DIV.aligns DIV.active,
DIV.aligns DIV:hover {
border: 1px solid #0193F9;
}
DIV.aligns DIV.active IMG,
DIV.aligns DIV:hover IMG {
background-image: url('../img/align_active.gif');
border: 1px solid #0193F9;
}
DIV.aligns DIV.align_lt IMG {
background-position: 0 0;
}
DIV.aligns DIV.align_ct IMG {
background-position: 50% 0;
}
DIV.aligns DIV.align_rt IMG {
background-position: 100% 0;
}
DIV.aligns DIV.align_lm IMG {
background-position: 0 50%;
}
DIV.aligns DIV.align_cm IMG {
background-position: 50% 50%;
}
DIV.aligns DIV.align_rm IMG {
background-position: 100% 50%;
}
DIV.aligns DIV.align_lb IMG {
background-position: 0 100%;
}
DIV.aligns DIV.align_cb IMG {
background-position: 50% 100%;
}
DIV.aligns DIV.align_rb IMG {
background-position: 100% 100%;
}
DIV.baloon {
background: url('../img/baloon_border.gif') repeat-y 3px 0;
font-size: 9pt;
line-height: 120%;
}
DIV.baloon_cont {
background: url('../img/baloon_el.gif') no-repeat 0px 8px;
padding-left: 4px;
}
DIV.baloon_border {
width: 200px;
padding: 0.25em;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
background-color: #FFFADB;
}
DIV#watermark DIV.adsence {
height: auto;
background-color: #FFF;
margin-top: 1em;
}
DIV#watermark DIV.adsence DIV {
width: 48%;
background-color: #ffffff;
height: 70px;
}
DIV#watermark DIV.adsence DIV.block1 {
float: left;
}
DIV#watermark DIV.adsence DIV.block2 {
float: right;
}
DIV#image {
background-color: transparent;
border: 1px solid #ebebeb;
height: 366px;
margin: 1em 0;
background-image: url('../images/1x1grey.gif');
}
DIV#image.c1 {
background-image: url('../images/preset_text_1.jpg');
}
DIV#image.c2 {
background-image: url('../images/preset_text_2.jpg');
}
DIV#image.c3 {
background-image: url('../images/preset_text_3.jpg');
}
DIV#image.c4 {
background-image: url('../images/preset_text_4.jpg');
}
DIV#image.c5 {
background-image: url('../images/preset_text_5.jpg');
}
DIV#image.c6 {
background-image: url('../images/preset_text_6.jpg');
}
DIV#image.c7 {
background-image: url('../images/preset_text_7.jpg');
}
DIV#image.c8 {
background-image: url('../images/preset_text_8.jpg');
}
DIV#image.im {
background-image: url('../images/preset_image_1.jpg');
}
DIV#image.ti {
background-image: url('../images/preset_tiled_text.jpg');
}
DIV#image.tt {
background-image: url('../images/preset_tiled_image.jpg');
}
/* Button */
DIV.button {
float: left;
background: #0396FB url('../img/button_bg.gif') repeat-x 0 0;
}
DIV.button DIV {
float: left;
background: url('../img/button_left.gif') no-repeat 0 0;
}
DIV.button DIV A {
float: left;
display: block;
padding: 0 20px;
height: 46px;
line-height: 44px;
color: #FFF;
background: url('../img/button_right.gif') no-repeat 100% 0;
text-align: center;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
DIV.button.green {
background-image: url('../img/button_green_bg.gif');
background-color: #036803;
}
DIV.button.green DIV {
background-image: url('../img/button_green_left.gif');
}
DIV.button.green DIV A {
background-image: url('../img/button_green_right.gif');
}
DIV.button.inactive {
background-image: url('../img/button_inactive_bg.gif');
background-color: #036803;
}
DIV.button.inactive DIV {
background-image: url('../img/button_inactive_left.gif');
}
DIV.button.inactive DIV A {
background-image: url('../img/button_inactive_right.gif');
cursor: default;
}
DIV.controls {
text-align: center;
}
DIV.controls DIV.button {
float: none;
margin: 0 auto;
width: 120px;
}
DIV.controls DIV.button * {
float: none;
}
DIV#watermark DIV#left P {
margin: 1.5em 0;
}
DIV#uploading {
background: url('../img/upload.gif') no-repeat center;
display:none;
}
DIV#links {
display:none;
}
.full {
background-color: #FF3333;
}
.partlyfull {
background-color: #FF9999;
}
/*
IMG.choose {
display: block;
width: 50px;
height: 50px;
border: 1px solid #999;
background-color: transparent;
} */