html, body {
    margin: 0px;
    padding: 0px;
    color: #000000;
}

html, body, input, select, textarea {
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 12px;
}

body { behavior: url('js/csshover.htc') };

ul, ol {
    margin: 0px;
    padding: 5px 0px 5px 17px;
}

p {
    margin: 0px;
    padding: 3px 0px 3px 17px;
}

h4 {
    margin: 0px;
    padding: 0px;
    display: inline;
    font-size: 12px;
    font-weight: bold;
}

li {
    margin: 0px;
    padding: 0px;
    list-style-position: inside;
}

ul li {
    list-style-type: square;
}

form {
    margin: 0px;
}

input, textarea {
    border: 1px solid #1b64ba;
    margin-bottom: 6px;
    padding: 2px;
}

input.button-v2 {
	overflow: visible;
	display: block;
    color: #ffffff;
    background: #0063dc url('../images/button-v2.png') no-repeat;
    width: 59px;
    height: 26px;
    font-size: 10px;
    border: none;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
}

input.button-v2:active {
    background-position: 0px -26px;
}

input.button-v2:hover {
    background-position: 0px -26px;
}

input.disabled, input.disabled:hover {
    background-position: 0px -52px;
    color: #85bae3;
    cursor: default;
}

input.checkbox {
	border: none;
}

div.fileinputs {
    position: relative;
}

* html div.fileinputs {
    margin-bottom: -3px;
}

div.fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

div.fakefile input {
	position: relative;
	float: left;
}

input.file {
    position: relative;
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
}

/* Search page */
.search-container {
    margin-right: -6px;
    width: 727px;
}

.search-container img {
    display: block;
    float: left;
    border: 1px solid #fff;
    width: 84px;
    height: 84px;
    margin: 0px 4px 4px 0px;
}


/*
ul {
    margin: 0px 0px 0px 20px;
    padding: 0px;
    list-style-type: none;
}

li a {
    text-decoration: none;
}

li a:hover {
    text-decoration: underline;
}
*/

/* Text */
a {
    color: #000033;
}

h1 {
    color: #000033;
    font-size: 18px;
}

h2 {
    color: #000033;
    font-size: 15px;
}

h2.underline {
    background: url('../images/h-bg.gif') no-repeat bottom left;
    width: 129px;
    margin: 0px;
    padding-bottom: 1px;
}

h2.underline-auto {
    display: inline;
    border-bottom: 1px solid #000;
    padding-right: 45px;
    background: url('../images/h-bg2.gif') no-repeat right bottom;
}

h1.index {
    font-size: 16px;
    font-weight: normal;
    margin: 0px;
}

h2.index {
    font-size: 12px;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
}

.note {
    font-size: 10px;
}

.error {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
}

.error-message {
}

.error-message p {
    background-color: #ffe1e1;
    color: #cc0000;
    margin: 0px;
    padding: 3px 3px 4px 10px;
}

.label-error {
    color: #fff;
}

/* Header */
.header {
    height: 71px;
    width: 100%;
    background: url('../images/header-bg.png') repeat-x;
    text-align: center;
}

.header-wrapper {
    width: 703px;
    height: 71px;
    margin: 0px auto;
}

.header-wrapper a.logo {
    display: block;
    float: left;
    width: 144px;
    height: 71px;
    background: url('../images/logo.gif') no-repeat left center;
}

.header-content {
    float: right;
    height: 71px;
    width: 315px;
    position: relative;
}

* html .header-content {
    bottom: -1px;
}

.header input {
    float: left;
    border: 1px solid #073f72;
    width: 235px;
    padding: 2px;
    margin-top: 16px;
}

/* Top navigation */
.top-nav {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 0px;
    margin: 0px;
}

.top-nav li {
    display: block;
    float: left;
    margin: 0px 1px;
    padding: 0px;
}

.top-nav a {
    display: block;
    float: left;
	height: 20px;
	line-height: 20px;
    background: url('../images/navbar-button.png') no-repeat right top;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    padding-right: 5px;
}

.top-nav div {
	float: left;
	height: 20px;
	width: 6px;
    background: url('../images/navbar-button.png') no-repeat left top;
}

* html .top-nav div {
	width: 3px;
}

.top-nav li.active div,
.top-nav a:hover div
{
    background-position: left bottom;
}

.top-nav li.active a
{
    background-position: right bottom;
	text-decoration: none;
    color: #06294a;
}

.top-nav a:hover
{
    background-position: right bottom;
	text-decoration: none;
    color: #06294a;
}

/* Body */
.body-wrapper {
    width: 100%;
    text-align: center;
}

.body {
    width: 743px;
    text-align: left;
    margin: 5px auto 0px auto;
}

/* Footer */
.footer {
    clear: both;
    text-align: center;
    margin-bottom: 5px;
}

.footer p {
    text-align: center;
    font-size: 10px;
    margin: 0px;
    padding: 0px;
    clear: both;
}

.footer ul {
    display: block;
    height: 19px;
    padding: 0px;
    margin: 0px auto;
    width: 365px;
}

.footer li {
    display: block;
    float: left;
    height: 17px;
    line-height: 14px;
    background: url('../images/footer-bg.gif') repeat-x;
	border-bottom: 1px solid #ccc;
}

.footer li.left {
	width: 6px;
	height: 18px;
    background: url('../images/footer-corners.gif') no-repeat top left;
    padding: 0px;
    border: none;
}

.footer li.right {
    background: url('../images/footer-corners.gif') no-repeat top right;
    border: none;
    padding: 0px 3px 4px 3px;
}

.footer a {
    color: #666666;
    text-decoration: none;
    font-size: 10px;
    padding: 0px 3px 0px 11px;
    background: url('../images/footer-menu-divider.gif') no-repeat 3px center;
}

.footer li.lead a {
    padding: 0px 3px 0px 2px;
    background: none;
}


/* Boxes */
.box {
    position: relative;
    border: 1px solid #ccc;
}

.box .content {
	 padding: 10px 15px;
	 margin-bottom: 1px;
}

.box .tl,
.box .tr,
.box .bl,
.box .br {
    width: 5px;
    height: 5px;
    background-image: url('../images/box.gif');
    background-repeat: no-repeat;
}

.tl,
.tr,
.bl,
.br {
    position: absolute;
    overflow: hidden;
}

.tl {
    top: -1px;
    left: -1px;
    background-position: top left;
}

.tr {
    top: -1px;
    right: -1px;
	background-position: top right;
}

.br {
    bottom: -1px;
    right: -1px;
    background-position: -5px -5px;
}

.bl {
    bottom: -1px;
    left: -1px;
    background-position: 0px -5px;
}

/* Yellow box */
.box3 {
    position: relative;
    border: 1px solid #ccc;
    background-color: #ffdc3c;
}

.box3 .content {
    background: url('../images/box3-bg.gif') repeat-x top left;
    margin: 6px;
    padding: 2px 4px 0px 8px;
    /*height: 100%;*/
}

.box3 .tl,
.box3 .tr,
.box3 .bl,
.box3 .br {
    width: 5px;
    height: 5px;
    background-image: url('../images/box3.gif');
    background-repeat: no-repeat;
}

/* Box with white rounded border */
.box2 {
    position: relative;
    border: 1px solid #ccc;
}

.box2 .content {
    background-color: #f6f6f6;
    margin: 5px;
    padding: 0px 8px;
}

.box2 .tl,
.box2 .tr,
.box2 .bl,
.box2 .br {
    width: 9px;
    height: 9px;
    background-image: url('../images/box2.gif');
    background-repeat: no-repeat;
}

.box2 .br {
    bottom: -1px;
    right: -1px;
    background-position: -9px -9px;
}

.box2 .bl {
    bottom: -1px;
    left: -1px;
    background-position: 0px -9px;
}

.box4 {
    position: relative;
    border: 1px solid #ccc;
    background: #0a69c0;
}

.box4 .tl,
.box4 .tr,
.box4 .bl,
.box4 .br {
    width: 5px;
    height: 5px;
    background-image: url('../images/box-blue.gif');
    background-repeat: no-repeat;
}

.box-312x240 {
    background: #2966BC url('../images/box-312x240.png') no-repeat;
    width: 312px;
    height: 240px;
}

.box-auto-742 {
    width: 742px;
    background: #1f73c2 url('../images/box-auto-742-fill.png') repeat-y;
}

.box-auto-742-top {
    width: 742px;
    background: url('../images/box-auto-742-top.png') no-repeat top left;
}

.box-auto-742-bot {
    width: 742px;
    background: url('../images/box-auto-742-bot.png') no-repeat bottom left;
    padding-bottom: 20px;
}

.box-auto-742 h2 {
    font-size: 18px;
    color: #fff;
    margin: 0px 0px 20px 0px;
    padding: 15px 0px 0px 15px;
}

/* Dividers */
.divider {
    clear: both;
    height: 10px;
    line-height: 10px;
    border-bottom: 1px solid #ccc;
}

.divider-dotted {
    height: 11px;
    font-size: 0px;
    background: url('../images/divider-dotted.gif') repeat-x left 5px;
    clear: both;
}

/* Widgets */
.slider-container {
    position: relative;
}

.slider-container label {
	position: relative;
    display: block;
    text-align: center;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    font-size: 12px;
    font-weight: bold;
}

.slider {
    width: 170px;
    height: 4px;
    border: 1px solid #3281c0;
    background-color: #1c66bc;
    margin-right: 25px;
}

.slider div {
    background: url('../images/slider-handle.gif') no-repeat 0px 0px;
    width: 15px;
    height: 16px;
    margin: -6px 0px;
}

.slider div:hover {
    background: url('../images/slider-handle.gif') no-repeat -15px 0px;
    cursor: pointer;
}

/* Steps navbar */
.steps-navbar {
    margin: 0px;
    padding: 0px;
}

.steps-navbar li {
    display: block;
    float: left;
    width: 147px;
    height: 57px;
    background-color: #f3f3f3;
    margin-right: 1px;
    text-align: center;
    color: #cccccc;
}

.steps-navbar a {
    display: block;
    height: 57px;
    text-decoration: none;
}

.steps-navbar a:hover {
    display: block;
    height: 57px;
    text-decoration: none;
}

.steps-navbar h1 {
    font-size: 18px;
    color: #cccccc;
    padding: 10px 0px 0px 0px;
    margin: 0px;
}

.steps-navbar li.done {
    background-color: #81b6e8;
}

.steps-navbar li.active {
    background-color: #0a69c0;
    color: #ffffff;
}

.steps-navbar li.active a,
.steps-navbar li.active h1,
.steps-navbar li.done a,
.steps-navbar li.done h1
{
    color: #ffffff;
}

.steps-navbar li.done a:hover {
    color: #ffffff;
}

.steps-navbar li.active a:hover {
    color: #ffffff;
}

.steps-navbar li#step-5 {
    margin-right: 0px;
    width: 151px;
}

/* Layout schemes */
.layout {
    position: absolute;
    width: 680px;
    height: 220px;
    overflow: hidden;
}

.layout-preview {
    position: absolute;
    width: 560px;
    height: 300px;
    clear: none;
    position: static;
    margin-bottom: 10px;
    overflow: auto;
}

.layout td, .layout-preview td {
    background-color: #fff;
    margin: 0px;
    padding: 0px;
}

.layout img, .layout-preview img {
    display: block;
}

.layout-box {
    width: 50px;
    height: 20px;
    line-height: 20px;
    padding: 5px;
    background-color: #fff;
    border: 3px solid #fff;
    color: #000;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

.layout-box-selected {
    border: 3px solid #c70100;
}

.layout-controls {
    padding: 10px 15px;
}

.layout-controls p {
    margin: 0px 0px 10px 0px;
}

/* Progress bar */
.progresscontainer {
    width: 200px;
    height: 21px;
    border: 1px solid #0063dc;
    padding: 1px;
    margin: 5px auto 10px auto;
    text-align: left;
}

.progressbar {
    width: 0px;
    height: 21px;
    background-color: #cc0000;
}

#images-container {
    overflow: auto;
    height: 220px;
	padding-bottom: 6px;
}

#images-container div {
    padding: 3px;
    float: left;
}

#images-container img {
    display: block;
    float: left;
    border: 1px solid #fff;
    width: 84px;
    height: 84px;
}

div#image-cursor {
    display: none;
    position: absolute;
    width: 86px;
    height: 86px;
    padding: 0px;
}

* html div#image-cursor {
    margin-left: -86px;
}

#images-container div:hover div#image-cursor {
    display: block;
}

div#image-settings {
    background-color: #f3f3f3;
    width: 80px;
    height: 15px;
    padding: 3px;
    text-align: center;
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
}

div#image-overlay {
    background-color: #f3f3f3;
    width: 86px;
    height: 65px;
    padding: 0px;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}

#image-settings a {
    font-size: 9px;
    text-decoration: none;
    color: #003366;
}

#image-settings a:hover {
    color: red;
}

.hint {
    color: #ccc;
}

/* Upload form */
.upload-form p {
	text-align: center;
	margin: 5px 0px 0px 0px;
}

.upload-form input {
	margin: 0px;
}

.upload-form label {
	position: relative;
	display: block;
	line-height: 18px;
	margin-top: 5px;
}

.upload-form .button-v2 {
	position: relative;
	top: -2px;
}

.upload-button-wrapper {
	text-align: center;
	clear: left;
	margin-top: 10px;
}

.upload-button-wrapper .button-v2 {
	margin-left: 85px;
}

* html .upload-button-wrapper .button-v2 {
	margin-left: 0px;
}

.upload-form iframe {
    border: 0;
    width: 0px;
    height: 0px;
}

/* Image edit form */

#image-edit-container {
    position: relative;
    text-align: left;
    float: right;
    background-color: #0a69c0;
    color: #fff;
    padding: 10px;
}
/*
#image-edit-container input {
    font-size: 10px;
}

#image-edit-container label {
    position: static;
    top: auto;
    font-size: 9px;
    line-height: 12px;
}
*/
#image-edit-form {
    float: right;
    margin-left: 10px;
}

a.close {
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 40px;
    line-height: 15px;
    height: 15px;
    text-decoration: none;
    background-image: url('../images/close-white.gif');
    background-repeat: no-repeat;
    background-position: center right;
    color: #fff;
    z-index: 10;
}

a.close:hover {
    color: #ccc;
    background-image: url('../images/close-hover.gif');
}

a.close-image {
    display: block;
    position: absolute;
    right: -8px;
    top: auto;
    width: 40px;
    text-decoration: none;
    background: #cccccc url('../images/close.gif') no-repeat 40px 5px;
    padding: 1px 5px;
    background-color: ;
    color: #0a69c0;
    z-index: 10;
}

a.close-image:hover {
    color: #f00;
    background-image: url('../images/close-hover.gif');
}


/* Collage Code */
textarea#code {
    width: 370px;
    height: 200px;
    font-size: 10px;
    color: #aaa;
    margin: 10px 0px;
    border: 1px solid #ccc;
}

/* Icons */
.icons-wrapper {
    text-align: center;
    margin: 0px 0px;
    padding: 0px;
}

.icons-wrapper li {
    list-style-type: none;
    list-style-position: outside;
    padding: 3px;
    margin: 0px;
}

.icons-wrapper a {
    display: block;
    font-weight: bold;
    text-decoration: none;
}

.icons-wrapper a:hover {
    color: #c00;
    text-decoration: none;
}

/*
.myspace-icon {
    background: url('../images/icons/myspace.gif') no-repeat left center;
}

.xanga-icon {
    background: url('../images/icons/xanga.gif') no-repeat left center;
}

.friendster-icon {
    background: url('../images/icons/friendster.gif') no-repeat left center;
}

.facebook-icon {
    background: url('../images/icons/facebook.gif') no-repeat left center;
}

.tagworld-icon {
    background: url('../images/icons/tagworld.gif') no-repeat left center;
}

.blog-icon {
    background: url('../images/icons/blog.gif') no-repeat left center;
}

.website-icon {
    background: url('../images/icons/website.gif') no-repeat left center;
}
*/

/* Spy block */
.spy-preview {
    display: block;
    float: left;
    margin: 0px 4px 4px 0px;
}

.spy-preview img {
    display: block;
    width: 84px;
    height: 84px;
    border: 1px solid #000000;
}

/* Tags */
.taglist {
    font-size: 13px;
    margin: 3px 0px;
    padding: 0px;
    color: #ccc;
}

.taglist a {
    font-size: 13px;
    color: #fff;
    text-decoration: none;
}

.taglist a:hover {
    text-decoration: underline;
}

.dialog {
}

.panel {
    color: #fff;
    background-repeat: no-repeat;
    background-position: 5px 5px;
}

.panel-divider {
    background: url('../images/panel-divider.gif') repeat-x;
    height: 3px;
    line-height: 3px;
    font-size: 0px;
}

.step {
    width: 422px;
    height: 300px;
    background-image: url('../images/panel-bg.png');
}

.page {
    width: 740px;
}

.panel-head {
    background: url('../images/panel-head-bg.png') no-repeat top left;
}

.panel-side {
    background: url('../images/panel-side-bg.png') repeat-y; margin: 5px;
    background-color: #1d58b6;
}

.panel-bottom {
    background: url('../images/panel-bottom-bg.png') no-repeat bottom;
}

.panel-wrapper {
    padding: 13px 20px;
}

.panel a {
    color: #fff;
}

.panel h2 {
    float: left;
    font-size: 18px;
    color: #fff;
    margin: 0px 0px 20px 0px;
}

.panel h3 {
    height: 22px;
    line-height: 19px;
    float: left;
    font-size: 9px;
    color: #fff;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 10px;
    background: url('../images/panel-head-div.gif') no-repeat center left;
}

.panel p.head {
    font-size: 15px;
    clear: left;
    margin: 0px;
}

.panel #button-prev {
    float: left;
    margin: 10px 0px;
}

.panel #button-next {
    float: right;
    margin: 10px 0px;
}

.panel-buttons-wrapper {
    text-align: center;
    position: absolute;
    bottom: 20px;
}

.panel-buttons {
    width: 280px;
    height: 47px;
    background: url('../images/panel-logo.gif') no-repeat center center;
    margin: 0 auto;
}

.step .panel-buttons-wrapper {
    width: 380px;
}

.step3 .panel-buttons-wrapper,
.step5 .panel-buttons-wrapper {
    width: 700px;
}

.step3,
.step5 {
    width: 740px;
    height: 448px;
    background: url('../images/panel-step3-bg.png') no-repeat 5px 5px;
}

.big {
    width: 740px;
    height: 397px;
    background: url('../images/panel-big-bg.png') no-repeat 5px 5px;
}


#images-preview-box .panel-buttons-wrapper {
    width: 425px;
}

#images-preview-box {
    float: right;
    width: 462px;
    height: 352px;
    background-image: url('../images/panel-step4-bg.png');
}

#panel-step4-form {
    width: 272px;
    height: 352px;
    background-image: url('../images/panel-step4-form-bg.png');
}

.checkbox-set {
	margin-top: 3px;
}

.checkbox-set input {
	margin-right: 5px;
	border: none;
}

* html .checkbox-set input {
	margin-right: 0px;
}

* html .checkbox-set label {
	top: -2px;
}

.checkbox-set label, .checkbox-set input {
    display: inline;
}

.paging {
    margin-top: 5px;
    height: 17px;
}

.paging a, .paging p {
    display: block;
    float: left;
    font-size: 10px;
    text-align: center;
    text-decoration: none;
    color: #999;
    width: 17px;
    height: 17px;
    line-height: 17px;
    margin: 0px 3px 0px 0px;
    padding: 0px;
    background: url('../images/paging.gif') no-repeat;
    background-position: 0px 0px;
    background-color: #eee;
}

.paging p,
.paging a:hover {
    background-position: -17px 0px;
    background-color: #26a3e1;
    color: #fff;
    font-weight: normal;
}


.tooltip {
    padding: 9px;
    margin: 5px 0px 0px 0px;
    border: 1px solid #ccc;
    background-color: #2375c4;
    -moz-opacity: 0.95;
    filter: alpha(opacity: 40);
    opacity: 0.95;
}

/* Page */

.page {
    background: #1d59b6 url('../images/page-body.gif') repeat-y;
    width: 744px;
    color: #fff;
}

.page-body {
    background:  url('../images/page-head.png') no-repeat top left;
    padding: 5px 15px;
}

.page-footer {
    background: url('../images/page-footer.png') no-repeat bottom left;
    height: 10px;
    font-size: 0px;
}

.page h1 {
    font-size: 18px;
    margin: 10px 10px 15px 0px;
    padding: 0px;
    color: #fff;
}

.clearfix {
    clear: both;
    height: 0px;
    line-height: 0px;
    font-size: 0px;
    width: 99%;
}

/* FAQ page */
ol.faq {
    padding: 0em 0em 0em 1.5em;
    margin: 0px 0px 0px 10px;
}

* html ol.faq {
    padding: 0em 0em 0em 2em;
}


ol.faq li {
    margin: 0px;
    padding: 0em 0em 0em 0.5em;
    list-style-position: outside;
}

* html ol.faq li {
    padding: 0em;
}

.faq p {
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

.faq p.question {
    font-weight: bold;
    margin: 0px 0px 5px 0px;
}

.related-pics {
    text-align: center;
    width: 715px;
}

.related-pics img {
    border: 1px solid white;
    margin: 0px 3px 0px 0px;
}