body {
margin:0px;
background-color:#ffffff;
font-family:Arial;
text-align:center;
}
#wrap {
background-color:white;
margin:10px auto;
width:960px;
padding-bottom:20px;
position:relative;
}
#wrap .top-left, #wrap .top-right, #wrap .bottom-left, #wrap .bottom-right {
background-image:url(http://www.articlecreatortool.com/wp-content/themes/sem-flexy/skins/twobuyon1/images/mainbox_entry.gif);
font-size:2px;
height:10px;
}
#wrap .top-left, #wrap .bottom-left {
margin-right:10px;
}
#wrap .top-right {
background-position:100% 0;
}
#wrap .top-right, #wrap .bottom-right {
margin-left:10px;
margin-top:-10px;
}
#wrap .bottom-left {
background-position:0 -10px;
}
#wrap .bottom-right {
background-position:100% -10px;
}
#wrap .inside {
background:#FFFFFF none repeat scroll 0 0;
border-left:1px solid #00CF01;
border-right:1px solid #00CF01;
height:auto !important;
min-height:10px;
padding:0;
}
#header {
margin-top:20px;
}
#helplinks {
width:960px;
margin:5px auto;
color:#000000;
text-align:left;
}
#helplinks .top-left, #helplinks .bottom-left {
margin-right:5px;
}
#helplinks .top-left, #helplinks .top-right, #helplinks .bottom-left, #helplinks .bottom-right {
background-image:url(http://www.articlecreatortool.com/wp-content/themes/sem-flexy/skins/twobuyon1/images/nav-top.gif);
font-size:2px;
height:5px;
}
#helplinks .top-right {
background-position:100% 0;
}
#helplinks .top-right, #helplinks .bottom-right {
margin-left:5px;
margin-top:-5px;
}
#helplinks .bottom-left {
background-position:0 -5px;
}
#helplinks .bottom-right {
background-position:100% -5px;
}
#helplinks .inside {
background:#5CC151 none repeat scroll 0 0;
height:auto !important;
min-height:10px;
padding:2px 15px;
}
#helplinks a{
color:#000000;
font-weight:bold;
margin-right:10px;
font-size:0.9em;
}
#wrap h1 {
color:black;
display:block;
margin:0;
padding:20px 0 0;
position:relative;
text-align:center;
}
form {
margin-bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:0;
width:95%;
padding:20px 0;
}
#wrap h2 {
color:#000000;
font-size:24px !important;
font-weight:bold;
margin:0;
text-align:left;
}
#spinnerform h2 {
margin:10px 0;
}
form textarea {
width:80%;
float:right;
}
input.csvurl {
width:80%;
}
input.submit {
display:block;
font-size:2em;
height:50px;
margin-bottom:20px;
margin-left:0;
margin-right:0;
margin-top:20px;
width:200px;
}
span.note {
font-size:0.6em;
}
.result {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:lightblue;
margin:10px auto;
padding:10px 0;
width:80%;
}
.result textarea {
display:block;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
position:relative;
width:90%;
}
div.error {
text-align:center;
color:red;
background-color:yellow;
width:90%;
margin:10px auto;
padding:10px 0;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
font-size:1em;
}
div.message {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:white;
color:blue;
font-size:1.5em;
margin:10px auto;
padding:10px 0;
text-align:center;
width:90%;
}
div#text {
margin:10px 0;
color:black;
}
div#loginform,div#forgotform,div#reg,div#userhome {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:white;
margin:0 auto;
width:95%;
text-align:center;
}
div#userindex {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:lightblue;
float:right;
margin:20px;
padding:10px;
text-align:left;
width:30%;
}
#userhome h2 {
color:#000000;
font-size:24px !important;
font-weight:bold;
margin:0;
}
.links {
padding:20px;
text-align:center;
}
.button {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#F4F7F8;
border:1px solid #A0B2C0;
color:black;
cursor:pointer;
font-family:Arial;
font-size:1.2em;
padding:3px 5px;
text-decoration:none;
}
.smallbutton {
color:#0000FE;
cursor:pointer;
padding:3px 5px;
text-decoration:underline;
}
.smallbuttonblack {
color:#000000;
cursor:pointer;
padding:3px 0px;
text-decoration:none;
}
div.rightcol {
float:right;
height:30px;
text-align:center;
width:110px;
border-left:1px solid #dedede;
border-right:0px solid white;
}
li.list {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-align:left;
margin:0;
background-color:#f7f7f7;
line-height:30px;
border:1px solid #DEDEDE;
border-top:0px;
font-size:0.8em;
}
li.head {
background-color:#A2D88C;
color:#000000;
font-size:0.8em;
font-weight:bold;
border:1px solid #DEDEDE;
}
li.list .left {
float:left;
width:300px;
padding-left:20px;
}
.clear {
clear:both;
display:block;
}
div.label {
color:#000000;
float:left;
font-size:0.6em;
width:20%;
}
div.checks {
color:#000000;
float:left;
font-size:0.5em;
width:70%;
}

/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Dashboard CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

input.dashboard,
select.dashboard {
	width: 149px;
}

button.dashboard {
	background: url(dashboard-icon.gif);
	border: 0;
	cursor: pointer;
	height: 20px;
	margin-right: 10px;
	width: 20px;
}
button.dashboard:hover,
button.dashboard.active {
	background-position: 0 20px;
}

div.dashboard {
	background: url(dashboard.png);
	height: 175px;
	padding: 0 12px;
	text-align: center;
	width: 147px;
}	
	div.dashboard * {
		margin: 0;
		padding: 0;
	}	
	div.dashboard div {
		background: none !important;
		cursor: move;
		height: 165px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.dashboard caption {
		color: #CF0;
		font: normal 12px/17px Arial, Helvetica, sans-serif;
		padding-top: 4px;
		text-align: center;
		width: 100%;
	}
	div.dashboard caption a {
		cursor: pointer;
		display: block;
		height: 11px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 16px;
		width: 11px;
	}
	div.dashboard caption a.prev {
		background-image: url(dashboard-prev.gif);
		left: 1px;
	}
	div.dashboard caption a.next {
		background-image: url(dashboard-next.gif);
		right: 1px;
	}
	div.dashboard caption a:hover {
		background-position: 0 11px;
	}
	div.dashboard caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.dashboard caption span.month {
		padding-right: 8px;
	}
	div.dashboard caption span.month:after {
		content: ',';
	}

	div.dashboard table {
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.dashboard td,
	div.dashboard th {
		border: 0;
		color: #999;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 19px;
		text-align: center;
		width: 21px;
	}
	div.dashboard td {
		color: #333;
		font-size: 11px;
		padding-right: 5px;
		text-align: right;
		width: 16px;
	}
	div.dashboard td.invalid {
		color: #666;
	}
	div.dashboard td.valid {
		color: #FFF;
		cursor: pointer;
	}
	div.dashboard td.active,
	div.dashboard td.hover {
		color: #CF0;
		cursor: pointer;
	}
	
.registertooltips .tip-top {
color:#FFFFFF;
width:139px;
z-index:13000;
}
.registertooltips .tip {
background:#5D7B9D none repeat scroll 0 50%;
border:1px solid #FFFFFF;
color:#FFFFFF;
font-family:arial,helvetica,sans-serif;
font-size:0.7em;
padding:4px 8px 8px;
}
registertooltips .tip-bottom {
font-size:11px;
padding:4px 8px 8px;
}
.verifyerror {
font-size:11px;
background-color:red;
color:white;
}