body {BACKGROUND: #f6f6f6; FONT-FAMILY: 'trebuchet ms', verdana, arial, sans-serif; MARGIN: 15px;}

h1 {MARGIN: 10px 0; MARGIN-TOP: 5px; PADDING: 0;}
h2 {MARGIN-TOP: 25px; MARGIN-BOTTOM: 5px;}
img {BORDER: none;}
a {COLOR: rgb(0,96,191);}
a:hover {TEXT-DECORATION: none;}
th {BACKGROUND: #CCC; FONT-WEIGHT: normal; PADDING: 7px;}

input.big {FONT-SIZE: 1.6em;}
select.website {BACKGROUND: rgb(0,96,191); COLOR: #FFF; BORDER: none;}
select.website option {PADDING: 3px;}
select.timezone {FONT-SIZE: 0.7em;}

input.signup {BACKGROUND: rgb(0,96,191); COLOR: #FFF; BORDER: none; PADDING: 4px 20px; FONT-WEIGHT: bold;}
input.signup:hover {BACKGROUND: #46B02F; CURSOR: pointer;}

label {FONT-SIZE: 0.7em; COLOR: #333; MARGIN-BOTTOM: 0px;}

fieldset.signup {BACKGROUND: rgb(219,239,255);}
fieldset {padding: 10px; margin-bottom: 10px; border: 1px solid #cccccc;}

#menu_bar {WIDTH: 930px; BACKGROUND: #666;}
#main_menu {PADDING: 10px 15px;}
#main_menu a {COLOR: #FFF;}

#container {WIDTH: 930px; MARGIN: 0 auto; BACKGROUND: #FFF;}
#header {PADDING: 15px;}
#logo {FLOAT: left; WIDTH: 350px;}
#menu {FLOAT: right; MARGIN-TOP: 15px;}
#content {PADDING: 15px; PADDING-TOP: 0px;}
#footer {MARGIN: 15px; PADDING: 10px; BACKGROUND: #EFEFEF; COLOR: #999; FONT-SIZE: 0.9em;}

/*  components    */
#path {FLOAT: left; MARGIN-TOP: 20px;}
#website_select {FLOAT: right; MARGIN-TOP: 15px; MARGIN-BOTTOM: 10px;}
#intro {BACKGROUND: rgb(219,239,255); FONT-SIZE: 1.4em; PADDING: 15px; MARGIN: 15px 0;}
#left_column {FLOAT: left; WIDTH: 435px;}
#right_column {FLOAT: right; WIDTH: 435px;}

ul.features {MARGIN-LEFT: 0; PADDING-LEFT: 26px; list-style-image: url(../images/ok.gif);}
ul.features li {MARGIN-BOTTOM: 5px;}

table.plans {WIDTH: 100%; BORDER: 1px solid #CCC; BORDER-COLLAPSE: collapse; EMPTY-CELLS: show;}
table.plans td {WIDTH: 25%; TEXT-ALIGN: center;  BORDER: 1px solid #CCC; PADDING: 5px;}
table.plans td ul {LIST-STYLE-TYPE: none; PADDING: 0;}
table.plans td li {MARGIN-BOTTOM: 8px;}

table.signup td {PADDING: 0 5px; PADDING-BOTTOM: 20px;}

table.listing {WIDTH: 100%; MARGIN-BOTTOM: 15px; BORDER-COLLAPSE: collapse; EMPTY-CELLS: show;}
table.listing td {PADDING: 8px; TEXT-ALIGN: center;}
table.overview td  {PADDING: 6px;}
table.listing td.left, table.listing th.left {TEXT-ALIGN: left;}
table.listing.g {BACKGROUND: #F6F6F6; BACKGROUND: rgb(243,255,208);}
table.listing tr.g {BACKGROUND: #F6F6F6; BACKGROUND: rgb(243,255,208);}
/* table.listing tr:hover, table.listing tr:active {BACKGROUND: rgb(243,255,208);} */

table.notification {WIDTH: 100%;}
table.notification td {FONT-SIZE: 10pt; PADDING: 3px; vertical-align: middle;}

fieldset.add_website {}

.clr {CLEAR: both;}
.green {COLOR: green;}
.grey {COLOR: grey;}
.red {COLOR: red;}
.orange {COLOR: orange;}
.valid {FONT-SIZE: 0.8em; COLOR: green;}
.no_link {FONT-SIZE: 0.8em; COLOR: #999;}
.invalid {FONT-SIZE: 0.8em; COLOR: red;}
.offline {FONT-SIZE: 0.8em; COLOR: orange;}
.stats {FONT-SIZE: 0.9em;}
.screenshot {PADDING: 5px; BORDER: 1px solid #999;}
.price {FONT-SIZE: 1.3em;}
.big {FONT-SIZE: 1.3em;}

.separator {WIDTH: 100%; HEIGHT: 1px; MARGIN: 5px 0; BACKGROUND: #CCC;}

/* status massages */
.message-good, .message-bad, .message-info  {
	padding: 10px 10px 10px 40px;
	margin-bottom: 20px;
	background-position: 7px 7px;
	background-repeat: no-repeat;
}

.message-good {
	border: 1px solid #cae49c;
	color: #516f1b;
	background-color: #f3ffd0;
	background-image: url(../icons/accept-big.png)
}

.message-good a {
	color: #516f1b;
}

.message-bad {
	border: 1px solid #ffdede;
	color: #ce0000;
	background-color: #fff1f1;
	background-image:  url(../design/icons/exclamation-big.png);
}

.message-bad a {
	color: #ce0000;
}

.message-info {
	border: 1px solid #ededb3;
	background-color: #ffffcc;
	background-image:  url(../design/icons/information-big.png);
}

.invisible {DISPLAY: none;}
.cancel {COLOR: red; FONT-SIZE: 9pt;}