/*

Group Tweet
© 2009 Aaron Forgue

Author: Tammy Hart
http://www.tammyhartdesigns.com

*/



* {
	margin:0;
	padding:0;
}

a {
	color:#019ac9;
	text-decoration:none;
}

a:hover {
	color:#82af30;
}

img {
	border:none;
}

h1 {
	color:#e57734;
	font:bold 2.5em/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:-.05em;
}

h2 {
	color:#019ac9;
	font:bold 2em/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:-.05em;
}

h3 {
	color:#82af30;
	font:1.5em/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:-.05em;
	margin-top:40px;
}

p {
	line-height:20px;
	margin:20px 0;
}

p strong {
	color:#019ac9;
}

ul, ol { margin: auto; padding: 0 25px; }
li { margin: 0 0 5px 0; }

.alignleft {
	float:left;
}

.alignright {
	float:right;
}

.clear {
	clear:both;
	height:0;
	line-height:0;
	font-size:1px;
}

body {
	background:#575757 url(/img/bg-stripes.jpg) repeat-x 50% 0;
	color:#575757;
	text-align:center;
	font:62.5% Arial, Helvetica, sans-serif;
}

	.stripes {
		background-image:url(/img/bg-stripes.jpg);
	}

	.feathers {
		background-image:url(/img/bg-feathers.jpg);
	}

	.blocks {
		background-image:url(/img/bg-blocks.jpg);
	}

#page {
	margin:30px auto;
	background:#fff url(/img/page.jpg) no-repeat 0 0;
	width:820px;
	text-align:left;
}

#header {
	border-bottom:3px solid #ebebeb;
	height:117px;
}

	#header .alignleft {
		margin:20px 0 0 20px;
	}

#nav {
	float:right;
}

	#nav li {
		list-style:none;
		float:left;
		background:#dff3ba url(/img/nav-right.jpg) no-repeat 100% 0;
		height:40px;
		margin-left:1px;
	}
	
	#nav li a {
		display:block;
		float:left;
		height:40px;
		line-height:40px;
		background:url(/img/nav-left.jpg) no-repeat 0 0;
		color:#575757;
		font-size:1.4em;
		padding:0 15px;
	}
	
	#nav li:hover {
		background-color:#c0de8a;
		background-position:100% 100%;
	}
	
	#nav li:hover a, #nav li a:hover {
		background-position:0 100%;
	}
	
#overview {
	background:#abdeed url(/img/overview2.jpg);
	height:210px;
	width:840px;
	margin:0 -10px;
	position:relative;
}

	#overview a {
		display:block;
		width:100px;
		height:30px;
		top:169px;
		left:227px;
		overflow:hidden;
		position:absolute;
	}
	
	#overview span {
		display:block;
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		background:url(/img/btn-gogetone.jpg) 0 0;
	}
	
	#overview a:hover span {
		background-position:0 100%;
	}
	
#page-header {
	margin:0 -10px;
	display:block;
	background:#abdeed;
}
	
#content {
	padding:22px 20px 12px;
	font-size:1.2em;
	border-top:3px solid #ebebeb;
	border-bottom:3px solid #ebebeb;
}

	#left {
		float:left;
		width:500px;
	}
	
		.flag {
			background:#019ac9 url(/img/flag.jpg);
			line-height:36px;
			margin:27px -23px 27px -30px;
			padding-left:30px;
			width:523px;
			color:#fff;
			font-size:1.5em;
		}
		
			.flag a {
				color:#fff;
			}
			
			.flag a:hover {
				color:#c0de8a;
			}
		
		table {
			border-collapse:collapse;
		}
		
		td {
			border:1px solid #ebebeb;
			padding:5px;
		}
		
		th {
			height:30px;
			font-weight:bold;
			text-align:center;
			background:#ebebeb;
			border:1px solid #ebebeb;
			vertical-align:middle;
		}
		
		table strong {
			color:#019ac9;
		}
		
		table span {
			font-style:italic;
			color:#939393;
		}
		
		table .active {
			color:#58bcda;
		}
		
		table .free {
			color:#82af30;
		}
		
		table .pro {
			color:#e57835;
		}
		
		.configure {
			display:block;
			background:#575757 url(/img/btn-small.jpg);
			width:80px;
			height:23px;
			line-height:20px;
			font-weight:bold;
			color:#fff;
			text-align:center;
		}
		
		.configure:hover {
			background-position:0 100%;
			color:#fff;
		}
		
		#left li {
			margin:10px 30px;
		}
		
		.text {
			background:#fff;
			border:1px solid #ebebeb;
			border-top-width:2px;
			width:340px;
			padding:5px;
			height:20px;
			color:#575757;
			font-size:16px;
		}
		
		.btn {
			background:#82af31 url(/img/btn-green.jpg) 0 0;
			color:#fff;
			font:16px/30px Arial, Helvetica, sans-serif;
			height:30px;
			width:220px;
			border:none;
			padding:0;
			text-align:center;
			cursor:pointer;
		}
		
		.btn:hover {
			background-position:0 100%;
		}
		
		#left small {
			color:#939393;
			font-size:.9em;
			font-style:italic;
		}
		
		form { margin: auto auto 35px auto; }
		
		fieldset {
			border:solid #ebebeb;
			border-width: 1px 0 0 0;
			/* margin-bottom:20px; */
		}
		
		fieldset#settings-info { margin: 20px 0 20px 0; }
		fieldset#settings-standard { margin: 40px 0 20px 0; }
		fieldset#settings-premium { margin: 40px 0 20px 0; }
		fieldset#settings-nuclear { margin: 40px 0 20px 0; }
		
		legend {
			padding:5px 5px 5px 0;
			margin:0 10px 0 0;
			font-weight:bold;
			font-size:1.2em;
			color:#83b031;
		}
		
		div.radio fieldset label { margin: 0 20px 0 3px; }
		
		fieldset fieldset {
			background:#f9f9f9;
			padding:5px 10px 10px;
			border:none;
		}
		
			fieldset fieldset legend {
				color:#029ac9;
				font-size:1em;
			}
			
			fieldset small {
				display:block;
				margin-top:3px;
			}
		
		.disabled legend {
			color:#939393;
		}
		
		.disabled .text {
			background:#f0f0f0;
		}
		
		textarea.text {
			height:100px;
		}
		
		select.text {
			height:30px;
			width:352px;
			padding:3px 5px;
		}
		
		.note { background-color: #f9f9f9; margin: 0 0 20px 0; padding: 2px 10px; }
		.note p { margin: 0 0 5px 0; padding: 0; }
		.note p, .note li { color:#939393; font-size:.9em; font-style: italic; }
		
		div.message { margin: 0 0 25px; }
		div.message p { font-weight: bold; margin: 10px 15px; }
		div.messageSuccess { background-color: #dff3ba; border: 1px solid #c0de8a; }
		div.messageNotice { background-color: #FFFBCC; border: 1px solid #E6DB55; }
		div.messageFailure { background-color: #FFEBE8; border: 1px solid #F0BAA2; }
			
	
	#right {
		width:240px;
		float:right;
		padding-top:5px;
	}
	
		.side-top {
			background:#ebebeb url(/img/side-top.jpg) no-repeat 0 0;
			margin:26px 0 0;
		}
		
		.side-btm {
			background:url(/img/side-btm.jpg) no-repeat 0 100%;
			padding:5px 10px 10px;
		}
		
		.side-btm p {
			margin:0 0 10px;
		}
		
		.side-btm small {
			font-size:10px;
		}
		
		.side-text {
			background:#fff;
			border:none;
			width:210px;
			padding:5px;
			height:20px;
			color:#575757;
			font-size:16px;
			margin-top:3px;
		}
		
		.side-btn {
			background:#e57835 url(/img/btn-side.jpg) 0 0;
			color:#fff;
			font:16px/30px Arial, Helvetica, sans-serif;
			height:30px;
			width:220px;
			border:none;
			padding:0;
			text-align:center;
			cursor:pointer;
		}
		
		.side-btn:hover {
			background-position:0 100%;
		}
		
		#right.blank {
			padding-top:23px;
		}
		
		.centered-link {
			margin:0;
			text-align:center;
		}
		
		.side-btm li {
			list-style:none;
		}
		
		.side-btm li a {
			background:#e57835 url(/img/btn-side.jpg) 0 0;
			color:#fff;
			font:16px/30px Arial, Helvetica, sans-serif;
			height:30px;
			width:220px;
			border:none;
			padding:0;
			text-align:center;
			display:block;
			cursor:pointer;
			margin-top:10px;
		}
		
		.side-btm li a:hover {
			background-position:0 100%;
		}
		
#password-reset {
	background:#ebebeb url(/img/password.jpg); height:40px;
	padding:10px 0 0 10px;
	margin:20px 0;
}

#password-reset .side-text {
	width:330px;
	margin:0 10px 0 0;
	float:left;
}

#directMessagePreviews { background-color: #FFFBCC; border: 1px solid #E6DB55; padding: 0 15px; }

#verifyPoints { margin: 20px 0 30px 0; }
	
#footer {
	background:#353535 url(/img/footer.jpg);
	line-height:30px;
	width:840px;
	margin:0 -10px;
	clear:both;
	color:#fff;
	font-size:1.2em;
	text-align:center;
}

	#footer a {
		color:#abdeed;
	}
	
	#footer a:hover {
		color:#c0de8a;
	}
		



/*
Whatever your hand finds to do, do it with all your might,
for in the grave, where you are going, there is neither
working nor planning nor knowledge nor wisdom.
Ecclesiastes 9:10
*/

/*
Tammy Hart
www.tammyhartdesigns.com
*/