/*  LAYOUT: click */

body {
    background-color: white;
    text-align: center;
    margin: 0px;
    padding: 0px;
    border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #B51D1A;
}

#page {
    text-align: left;
    width: 850px;
    margin-left: auto;
    margin-right: auto;
}

#main {
    font-family: sans-serif;
    float: left;
    overflow: hidden;
    display: inline;
    width: 580px;
    margin: 20px 0px 0px 210px;
    border-left: solid 1px #eee;
    padding: 0px 0px 0px 20px;
    background-color: white;
}

#left-nav {
    float: left;
    overflow: hidden;
    display: inline;  /* vs. IE-Win double-margin bug. */
    width: 180px;
    margin: 20px 0px 0px -800px;
    padding: 0px 10px 0px 0px;
    background-color: white;
}

#header {
    margin: 3px;
    padding: 5px 8px 5px 8px;
    background-color: gray;
}

#footer {
    margin: 3px;
    padding: 5px 8px 5px 8px;
    background-color: gray;
}

.thumbnail, .thumbnail-unselected
{
    background: transparent url(/img/thumbnail-shadow-light.png);
    _background: transparent;
    padding: 2px 9px 6px 2px;
    margin: 0px;
}

.thumbnail-unselected
{
    cursor: pointer;
}

.thumbnail-selected
{
    background: transparent url(/img/thumbnail-outline.png);
    _background: transparent;
    padding: 4px 7px 4px 4px;
    margin: 0px;
}

.thumbnail-note
{
    margin-right: 9px;
    padding-bottom: 9px;
    color: #888;
    text-align: center;
    font-size: small;
}

p {
    color: #000;
    text-decoration: none;
    word-spacing: normal;
    text-align: left;
    line-height: 120%;
    font-size: .9em;
}

h2 {
    font-family:serif;
    font-weight: bold;
    font-size: 1.5em;
    letter-spacing: -1px;
 }

h4 {
    font-family: serif;
    font-weight: normal;
    font-size: 1.2em;
    margin-bottom: -.3em;
}

h3 {
    font-family: sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 16px;
    color:#DB0426;
}

h5 {
    background-color: #e5e5e5;
    margin: 10px 5px 10px 5px;
    padding: 3px 5px 3px 5px;
    font-family: sans-serif;
    text-align: center;
    font-size: small;
    font-weight: normal;
    text-transform: uppercase;
}

h6 {
    font-family: sans-serif;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    word-spacing: normal;
    text-align: left;
    line-height: 120%;
    font-size: 1em;
    margin-bottom: -.7em;
}

cite {
    border-bottom: dashed 1px #0c0;
}

.login-field {
    margin: 5px 5px 5px 5px;
    padding: 0px 0px 0px 0px;
}

ul.menu {
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
}

ul.menu li {
    list-style-type: none;
    margin-left: 5px;
    margin-right: 5px;
}

ul.menu li + li {
    border-top: dotted 1px black;
    padding-top: 2px;
    margin-top: 2px;
}

ul.menu li.active {
    font-weight: bold;
}

ul.menu li a {
    color: black;
    text-decoration: none;
}
ul.menu li a:hover {
    color: black;
    background-color: white;
    text-decoration: none;
}

#terms-and-conditions, #template-selector, .file-selector {
    width: 95%;
    max-height: 250px;
    overflow: auto;
    border: solid 1px white;
    color: black;
    background-color: white;
}

.file-selector-item {
    max-height: 100px;
    vertical-align: middle;
    margin: 3px;
    padding: 3px;
    background-color: white;
}

#template-selector dl dt {
    font-weight: bold;
}

#template-selector dl dd {
    padding-left: 35px;
}

.small-print {
    color: gray;
    font-family: sans-serif;
    font-size: smaller;
    padding-left: 4px;
    padding-right: 4px;
}

dt {
    font-style: italic;
    margin-top: .8em;
}

dd {
    margin-top: .4em;
}

.error {
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    background-color: white;
    font-family: sans-serif;
    font-weight: bold;
    color: red;
}

.scroller
{
margin-top:.9em
}


/* CSS: common.css.php */

p, li, td {
    line-height: 1.3em;
}

a {
    cursor: pointer;
}

.current {
    font-weight: bold;
}

.faint {
    filter:alpha(Opacity=50);
    opacity:0.5;
    -moz-opacity:0.5;
    -khtml-opacity:0.5;
}

form {
	display: inline;
}

#option-add,
#option-arrange,
#option-delete,
#option-properties {
    padding: 1em; 
    margin-bottom: 1em; 
    background: transparent url(/img/yellow-stripes.png) repeat top left;
    -moz-border-radius: 12px;
    border: solid 1px #ccc;
}

.clickBox {
    padding: 1em; 
    margin-bottom: 1em; 
    background: transparent url(/img/yellow-stripes.png) repeat top left;
    -moz-border-radius: 12px;
    border: solid 1px #ccc;
}

.clickBox-horizontal-scrolling {
    padding: 1em; 
    margin-bottom: 1em; 
    background: transparent url(/img/yellow-stripes.png) repeat top left;
    -moz-border-radius: 12px;
    border: solid 1px #ccc;
    overflow: auto;
}

label.clickLabel {
    width: 120px;
    max-width: 120px;
    overflow: hidden;
}

.insertBox {
    padding: 1em; 
    background: transparent url(/img/yellow-stripes.png) repeat top left;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomleft: 12px;
    -moz-border-radius-bottomright: 12px;
    border: solid 1px #ccc;
}

#editMenu {
    text-align: right;
    z-index: 10;
    margin: 0;
    padding: 5px;
    background: transparent;
    -moz-border-radius: 12px;
    float: right;
    width: 175px;
    overflow: hidden;
}

#editMenu-button {
    float: right;
    padding: 7px 7px 0px 0px;
    margin: 0;
    text-align: right;
    overflow: none;
}

#editMenu-popup {
    background-color: white;
    padding: 3px;
    border-top: solid 2px #bbb;
    border-right: solid 2px #888;
    border-bottom: solid 2px #888;
    border-left: solid 2px #bbb;
    text-align: right;
    overflow: none;
}

.editMenu-row,
.editMenu-row-topSection,
.editMenu-row-newSection,
.editMenu-row-endSection {
    text-align: right;
    font-family: sans-serif;
    font-size: small;
    padding-left: 7px;
    padding-right: 7px;
}

.editMenu-row a,
.editMenu-row-topSection a,
.editMenu-row-newSection a, 
.editMenu-row-endSection a {
    text-decoration: none;
}

.editMenu-row a:hover,
.editMenu-row-topSection a:hover,
.editMenu-row-newSection a:hover,
.editMenu-row-endSection a:hover {
    text-decoration: underline;
}

.editMenu-row-topSection {
    margin-top: 3.5em;
}

.editMenu-row-newSection {
    margin-top: .4em;
    padding-top: .4em;
    border-top: solid 1px #ddd;
    margin-bottom: .4em;
}

.editMenu-row-endSection {
    margin-bottom: .4em;
    padding-bottom: .4em;
    border-bottom: solid 1px #ddd;
}

.options {
	padding: 7px;
}

.options-main {
    padding: 8px;
    border: dotted 1px #eee;
    background-color: white;
    color: black;
    margin: 6em 0em 1em 0em;
    -moz-border-radius: 12px;
}

.options-main * p,
.options-main * li,
.options-main * td,
.click-help * p,
.click-help * li,
.click-help * td {
    font-family: sans-serif;
    color: black;
}


.click-links ul {
    padding: 0px;
    margin: 0px;
}
.click-links ul li {
    display: inline;
    padding: 0px 4px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.click-links ul li + li {
    display: inline;
    padding: 0px 4px 0px 6px;
    margin: 0px 0px 0px 0px;
}
.click-links ul li a:link,
.click-links ul li a:visited {
    text-decoration: none;
}
.click-links ul li a:hover {
    text-decoration: none;
}

label {
	cursor: pointer;
}

img {
    border: 0px;
}

pre, blockquote {
    overflow: auto;
    padding: 10px;
}
pre {
    font-family: monospace;
}

ins {
    background-color: #0f0;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
}
del {
    background-color: #f00;
    padding-left: 5px;
    padding-right: 5px;
}

cite, dfn, abbrev {
    font-style: normal;
}

var {
    font-style: normal;
    font-family: monospace;
}

tt {
    font-family: monospace;
    color: purple;
}

samp {
    font-family: monospace;
}

small {
	font-style: normal;
}

ul {
    padding-left: 34px;
}


.iframe-uploader {
    width: 350px;
    height: 5em;
    border: none;
    padding: 0px;
    margin: 0px;
}

.float {
    float: right;
    margin-left: 10px;
    padding: 0px;
}

.float-left {
    float: left;
    margin-right: 10px;
    padding: 0px;
}

.center {
    text-align: center;
    font-family: sans-serif;
    font-size: small;
}

.outline {
    border: dotted 1px black;
    padding: 1em;
}

.right {
    text-align: right;
}

.inline {
    display: inline;
}

.numeric {
    text-align: right;
}

.total {
    margin-top: .25em;
    border-top: solid 1px black;
    padding-top: .25em;
    text-align: right;
}

.clear {
    clear: both;
}

.handle {
    cursor: move;
}

.handle, .label {
    font-family: sans-serif;
    font-size: small;
    color: #808080;
}

.colorSquare {
    font-family: sans-serif;
    border: 1px dotted white;
}

.colorSquare-blackOutline {
    font-family: sans-serif;
    border: 1px dotted black;
}

.colorSquare-undefined {
    font-family: sans-serif;
    border: 1px dashed red;
}

.error {
    padding: 5px;
    background-color: white;
    font-family: sans-serif;
    color: red;
}

.textarea {
    width: 99%;
    height: 320px;
}

.textarea-html {
    width: 99%;
    height: 140px;
}

.wrapper, .scroller {
    color: black;
    font-family: sans-serif;
    background-color: #ffe;
    border: solid 1px #ddd;
    padding: 10px;
}

.wrapper *, .scroller * {
    color: black;
}

.wrapper * a, .scroller * a {
    color: blue;
}

.wrapper * .error, .scroller * .error {
    color: red;
}

.scroller {
    max-height: 300px;
    overflow: auto;
}

#insert-symbol * a, #insert-text * a {
    text-decoration: none;
}

/* Click specifics */

.clickTitle {
    font-size: x-large;
    margin-top: .5em;
    margin-bottom: 1em;
    font-family: sans-serif;
    font-weight: bold;
}

.clickSubtitle {
    margin-top: 1.3em;
    font-family: sans-serif;
    font-weight: bold;
}

.redUnderline {
    padding-bottom: 7px;
    margin-bottom: 10px;
    background: url(/img/clickline-2px.png) repeat-x bottom left;
}

#click-preview-notice {
    position: absolute;
    z-index: 2001;
    top: 0px;
    right: 0px;
    width: 60px;
    background: transparent url(/img/preview-bar.png) repeat-y top left;
    cursor: pointer;
}

#click-preview-layer {
    position: absolute;
    z-index: 2000;
    top: 0px;
    left: 0px;
    width: 100%;
    background: transparent url(/img/pixel.gif) repeat top left;
    border: black 1px solid;
    cursor: pointer;
}

.click-help {
    border: solid 1px gray;
    background-color: white;
    padding: 10px;
    -moz-border-radius: 12px;
}

.site-design-category {
    background-color: #BB2C2E;
    color: #fff;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: smaller;
    padding: .4em .6em;
    margin: .3em 0em;
}

.site-design-table {
    padding: .8em 0em;
}

#click-banner {
    position: absolute;
    left: 0px;
    top: 0px;
}

#click-admin {
    position: absolute;
    right: 5px;
    top: 5px;
}

.click-button-main {
    background: transparent url(/img/click-button/main.gif) repeat top left;
    padding: 6px 4px 0px 12px;
}

.click-button-right {
    width: 6px;
    overflow: hidden;
    background: transparent url(/img/click-button/right.gif) repeat-y top right;
    padding: 0px 0px 0px 0px;
}

.click-button-bottom {
    height: 6px;
    overflow: hidden;
    background: transparent url(/img/click-button/bottom.gif) repeat-x top left;
    padding: 0px 0px 0px 0px;
}

.click-button-corner {
    width: 6px;
    height: 6px;
    overflow: hidden;
    background: transparent url(/img/click-button/corner.gif) no-repeat top right;
    padding: 0px 0px 0px 0px;
}

.click-button-main,
.click-button-main a {
    color: white;
    font-family: sans-serif;
    font-weight: bold;
    text-decoration: none;
    font-size: small;
}

.click-tab-main {
    background: transparent url(/img/click-button/main.gif) repeat top left;
    padding: 4px 4px 4px 12px;
}

.click-tab-right {
    width: 6px;
    overflow: hidden;
    background: transparent url(/img/click-button/right.gif) repeat-y top left;
    padding: 0px 0px 0px 0px;
}

div.editor-links {
    margin: 4px 0px 4px 0px;
    padding: 0px 0px 0px 0px;
}

div.editor-links ul {
    display: inline;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

div.editor-links ul li {
    display: inline;
    padding: 0px;
    margin: 0px;
}

div.editor-links ul li a {
    background-color: #F0F0EE;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    font-family: sans-serif;
    font-size: small;
    padding: 4px 6px 4px 6px;
    margin: 4px 0px 4px 0px;
    text-decoration: none;
}

div.editor-insert {
    background-color: #ffe;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    font-family: sans-serif;
    padding: 10px;
    max-height: 300px;
    overflow: auto;
}

#menu-list, #domain-list {
    list-style-type: none;
    padding-left: 0px;
}

/* TinyMCE */

.mceStatusbarPathText {
    visibility: hidden;
    display: none;
}

/* script.aculo.us */

.drag {
    cursor: move;
    padding: .3em;
    margin: .3em;
    background-color: white;
    border: solid 1px gray; 
    
}

#menu-list, #domain-list {
    list-style-type: none;
    padding-left: 0px;
}


/* Click image list */

.image-list {
    display: block;
    margin: 0;
    padding: 0;
}

.image-list {
    margin: 0;
    padding: 2px;
}

.image-selected {
    height: 160px;
    width: 160px;
    overflow: hidden;
    background-image: url(/img/image-outline-selected.png);
    padding: 5px;
    margin: 0px;
}

.image-unselected:hover {
    height: 160px;
    width: 160px;
    overflow: hidden;
    background-image: url(/img/image-outline-selected.png);
    padding: 5px;
    margin: 0px;
}

.image-unselected {
    height: 160px;
    width: 160px;
    overflow: hidden;
    background-image: url(/img/image-outline.png);
    padding: 5px;
    margin: 0px;
}

.traffic-graph {
    overflow: hidden;
    background: white url(/img/traffic-graph.png) bottom right;
    border-bottom: solid 1px black;
    border-left: solid 1px black;
    padding: 0px;
    margin: 0px;
}
.traffic-graph img {
    vertical-align: bottom;
}

.traffic-label {
    color: #888;
    font-size: x-small;
    font-family: sans-serif;
    text-align: right;
}

caption {
    color: #888;
    font-size: smaller;
    font-family: sans-serif;
    text-align: center;
}