/* BODY */
body div {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	font-family: sans-serif;
	color: #645c5a;
}

table {
	color: #645c5a;
}

.autoWidth {
	width: auto;
}

img {
	border: 0px;
}

/* HEADER STUFF */
body div.header {
	text-align: center;
	background: #8fd700 url('../img/barBiggerGreen.png') repeat-x scroll left
		bottom;
	color: #000000;
	padding: 15px;
}

div.header h1 {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 30px;
}

body div.smallHeader {
	text-align: center;
	background: #8fd700 url('../img/barBigGreen.png') repeat-x scroll left
		bottom;
	color: #000000;
	padding: 10px;
	margin-bottom: 10px;
}

div.smallHeader h1 {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 40px;
}

/* FOOTER STUFF */
.footer {
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
	background: #797777 url('../img/barSmallGrey.png') repeat-x scroll left
		bottom;
	margin-top: 10px;
	color: #8fd700;
	font-size: 110%;
	clear: both;
	font-family: monospace;
}

/* MENU STUFF */
.menu {
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
	background: #797777 url('../img/barSmallGrey.png') repeat-x scroll left
		bottom;
	margin-bottom: 10px;
	font-family: monospace;
}

.menu span {
	color: #8fd700;
	font-size: 20px;
}

.menu a {
	text-decoration: none;
	color: #8fd700;
	font-size: 18px;
	margin-left: 12px;
	margin-right: 12px;
}

.menu a:HOVER {
	font-weight: bolder;
}

/* MAIN DIV */
.main {
	margin-top: 10px;
	font-size: 90%;
}

.main p {
	padding: 10px;
}

.main h1 {
	text-align: center;
}

* p {
	padding: 0px;
	margin: 0px;
}

/* MAIN DIV OPTIONALS */
.centerCol {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 25px;
}

.headline {
	text-align: center;
}

.sparseList {
	padding-left: 35px;
	margin-left: 20px;
	margin-right: 20px;
}

.sparseList li {
	margin-bottom: 12px;
}

.sparseList li ol,.sparseList li ul {
	margin-top: 5px;
}

table tr td {
	vertical-align: top;
}

.center {
	margin-left: auto;
	margin-right: auto;
}

sup {
	font-size: 60%;
}

h2,h3,h3,h4,h5 {
	margin-bottom: 0px;
	margin-left: 10px;
}

h1 {
	margin-bottom: 5px;
}

.bigButton {
	display: block;
	text-decoration: none;
	font-size: 150%;
	font-weight: bold;
	color: white;
	background: #797777 url('../img/barSmallGrey.png') repeat-x scroll left
		bottom;
	padding: 10px;
	text-align: center;
	width: 450px;
}

/*****************************************************************************
 * Start page
 *****************************************************************************/
div.frontpage {
	float: left;
	clear: left;
	margin-top: 12px;
	margin-left: 0px;
	width: 650px;
}

.frontpage h2 {
	margin-left: 30px;
}

.frontpage p {
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 0px;
}

.frontpage ol {
	padding: 5px 0px 15px 85px;
	margin:0px;
	font-size: 26px;
}

.frontpage ol li {
	margin-bottom: 5px;
}

div.advert {
	margin-top: 12px;
	margin-left: 665px;
	color: black;
}

.advert h3 {
	margin-bottom: 0px;
}

.advert p {
	margin-top: 0px;
	padding-top: 2px;
}

.advert a {
	display: block;
	margin: 22px 0px 22px 20px;
	text-decoration: underline;
	color: #5e8d00;
	font-size: 30px;
	font-weight: bold;
}

.advert table {
	margin-left: 10px;
	color: black;
}

/*****************************************************************************
 * Features page
 *****************************************************************************/
table.features tr td {
	border-bottom: 1px dotted #cdcccb;
	text-align: center;
	vertical-align: middle;
}

table.features tr td.descr {
	text-align: left;
}

table.features tr td.descr h5 {
	margin: 0px;
	padding: 0px;
	color: #639300;
	font-size: 100%;
}

table.features tr td.text {
	color: #645c5a;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*****************************************************************************
 * My page
 *****************************************************************************/
div.button {
	border-bottom: 1px solid #5a5858;
	width: 200px;
	height: 50px;
	float: left;
	clear: left;
}

div.button a {
	display: block;
	font-size: 22px;
	color: #a6a2a2;
	font-weight: bold;
	text-decoration: none;
	margin: 12px;
	cursor: pointer;
}

div.button:HOVER {
	background: url('../img/menuButtonPressed.png') top left;
}

/** MyPage/Calendars *********************************************************/
table.calendars  {
	width: 100%;
	border-collapse: collapse;
	color: #4f4847;
}

table.calendars tr td {
	border-top: 1px solid #cccccc;
	padding: 10px;
}

table.calendars tr.first td {
	border-top: 0px;
}

table.calendars tr td a {
	display: block;
	width: 44px;
	height: 44px;
	background-color: red;
	text-decoration: none;
}

table.calendars tr.inactive td {
	color: #a19491;
}

table.calendars tr.active td a {
	background: url('../img/cb_checked.png') top left;
}
table.calendars tr.active td a:HOVER {
	background: url('../img/cb_checked_hover.png') top left;
}

table.calendars tr.inactive td a {
	background: url('../img/cb_unchecked.png') top left;
}

table.calendars tr.inactive td a:HOVER {
	background: url('../img/cb_unchecked_hover.png') top left;
}

div.calendar_error {
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	left: 300px;
	top: 50px;
	background-color: #ff1a1a;
	color: white;
	z-index: 99;
	width: 600px;
	height: 150px;
	text-align: center;
}

div.tag_setting {
	display: none;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	left: 300px;
	top: 50px;
	background-color: #d6ff86;
	z-index: 99;
	width: 600px;
	height: 250px;
}

/** MyPage/Settings ********************************************************/
input.fancy {
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}

/** MyPage/Receipt *********************************************************/
/** MyPage/Invites *********************************************************/
/** MyPage/Payments ********************************************************/
td.name {
	font-weight: bold;
	font-size: 110%;
	padding-right: 5px;
}

.right {
	text-align: right;
}

table.grid {
	width: 100%;
	border-collapse: collapse;
}

table.grid tr td {
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	padding-left: 8px;
}

table.grid tr.first td {
	border-top: 0px;
}

table.grid tr td.first {
	border-left: 0px;
}

tr.head td {
	font-weight: bold;
}

/** MyPage/Start ***********************************************************/
div.overview {
	padding: 30px;
}

.overview a {
	display: block;
	color: #5e8d00;
	font-size: 32px;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

.overview a:HOVER {
	text-decoration: underline;
}

.overview p {
	padding: 0px;
	margin: 0px;
	padding-bottom: 20px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #cccccc;
}