/* Body and box elements */

	html, body { 
		padding: 0;
		margin: 0; 
		}
	
	body {
		font: normal .8em/1.3em helvetica, sans-serif;
		background:url(/images/bckgrnddrops.gif) #c3dbe7;
		color: #393737;
		text-align: center; 
		}
		
	#container {
		background:url(/images/bckgrnddropsfade.gif) repeat-x;
		text-align: center;
		padding:10px 0 0 0;
		margin:0 auto; 
		}
	
	#top_links {
		width:698px;
		font: 11px/16px helvetica, sans-serif;
		margin:0 auto;
	}
	
	#sessioninfo {
		float:right;
		text-align: right;
		}
	#bookmark {
		text-align: center;
		margin:10px 0 0 0;
	}
	#bookmark a,
	#bookmark a:link,
	#bookmark a:active,
	#bookmark a:visited,
	#bookmark a:hover {
		font-size:11px;
		text-decoration:none;
		color:#0089a8;
	}
	#bookmark a.delicious {
		background:url(/images/ico_delicious.gif) left top no-repeat transparent;
		padding:0 15px 0 17px;
	}
	#bookmark a.magnolia {
		background:url(/images/ico_magnolia.gif) left top no-repeat transparent;
		padding:0 15px 0 17px;
	}
	#bookmark a.blink {
		background:url(/images/ico_blink.gif) left top no-repeat transparent;
		padding:0 15px 0 17px;
	}
	
	#main {
		position: relative;
		width: 698px;
		text-align:center;
		background:url(/images/bckgrndmain.gif) repeat-x #e9eef1;
		border:1px solid #b1cbd7;
		padding:10px 10px 10px 10px;
		margin: 0 auto; 
		}
		
	#leadin {
		text-align: center;
		padding:10px 20px 20px 20px;
		width:658px;
		/*margin: 0 auto; */
		/*clear:both;*/
		}
	
	#content {
		clear: both;
		color: #393737;
		margin: 0 auto; 
		}

	#breakout {
		width: 618px;
		background:#fff;
		border:1px solid #cfdde1;
		padding: 10px 20px 10px 20px;
		margin: 0 auto; 
		}

	ul#nav {
		text-align:center;
		width:100%;
		font: bold 1.7em helvetica, sans-serif;
		letter-spacing:-1px;
		padding:0;  
		margin:20px 0 20px 0;
		}
				
	ul#nav li {
		display:inline;	
		list-style: none;
		text-align: center;
		padding:12px;
		margin:0;
		}
		
	ul#tabnav {
		text-align:center;
		width:100%;
		font: bold 1.7em helvetica, sans-serif;
		letter-spacing:-1px;
		padding:0;
		margin: 10px 0 0 10px;
		position:relative;
		top:4px;
		}
		
	ul#tabnav li {
		display:inline;
		list-style:none;
		text-align:center;
		vertical-align:middle;
		width:180px;
		height:35px;
		color:#0089a8;
		padding: 8px;
		margin: 0; 
		}

	.here {	
		background:url(/images/tab.gif) no-repeat;
		text-align: center;
		font: bold 1.7em/1.7em helvetica, sans-serif;
		letter-spacing:-1px;
		width:180px;
		height:35px;
		padding: 0;
		float:left;
		position:relative;
		top:4px;
		left:15px;
		}

	.there {	
		background:url(/images/tab_back.gif) no-repeat;
		text-align: center;
		font: bold 1.7em/1.7em helvetica, sans-serif;
		letter-spacing:-1px;
		width:180px;
		height:35px;
		padding: 0;
		float:left;
		position:relative;
		top:4px;
		left:15px;
		}

	ul#deck {
		text-align:left;
		width:100%;
		font: 1em/1em helvetica, sans-serif;
		letter-spacing:-1px;
		padding:0;  
		margin:10px 0 10px 0;
		}

	ul#deck li {
		list-style: none;
		text-align: left;
		padding:5px;
		margin:0;
		}

	ul#icons {
		text-align:center;
		width:100%;
		letter-spacing:-1px;
		padding:0;  
		margin:20px 0 0 0;
		}

	ul#icons li {
		display:inline;	
		list-style: none;
		text-align: center;
		padding:0;
		margin:0;
		}

	.blubreakout {
		text-align:left;
		float:left;
		width: 300px;
		background:url(/images/bckgrndmain.gif) repeat-x #e9eef1;
		border:1px solid #cfdde1;
		padding: 15px;
		margin: 15px 0 15px 0; 
		}

	.bluconsole {
		z-index:1;
		position:relative;
		clear:none;
		text-align:left;
		width: 220px;
		background:url(/images/bckgrndmain.gif) repeat-x #e9eef1;
		border:1px solid #cfdde1;
		top:-20px;
		padding: 15px;
		margin: 15px 0 15px 0; 
		}
		
	.login {
		text-align:left;
		width: 300px;
		padding: 0 15px 15px 15px;
		margin: 15px auto; 
		}

	.icon {
		width:33%;
		float:left;
		clear:none;
		text-align:center;
		margin: 0; 
		}

	.iconexpl {
		text-align:left;
		padding:0 7px 0 27px;
		margin: 0 auto; 
		}
				
	.expl1 {
		background:url(/images/1.gif) no-repeat top left; 
		}
		
	.expl2 {
		background:url(/images/2.gif) no-repeat top left; 
		}
		
	.expl3 {
		background:url(/images/3.gif) no-repeat top left; 
		}
		
	.pricing {
		text-align:left;
		width:33%;
		float:left;
		clear:none;
		margin: 0 auto; 
		}

	#featuresDiv {
		text-align:left;
		background:url(/images/bckgrndmain.gif) repeat-x #e9eef1;
		border:1px solid #cfdde1;
		padding:15px;
		margin: 15px auto; 
		}

	.right {
		text-align:left;
		float:right;
		}
		
	.left {
		text-align:left;
		float:left;
		clear:none !important;
		}
	
	.clear {
		clear:both;
		overflow:hidden;
		height:0;
		}	
		
	.cloud {
		border:1px solid #b1cbd7;
		padding:25px;
		margin: 0; 
		}

	.feeds {
		background:url(/images/bckgrndfeed.gif) repeat-y right;
		border:1px solid #cfdde1;
		text-align:left;
		vertical-align:middle;
		padding:10px;
		margin: 0; 
		}

	.feedswht {
		background:#fff;
		border:1px solid #cfdde1;
		text-align:left;
		vertical-align:middle;
		padding:10px;
		margin: 0; 
		}

	.feedsactive {
		background:url(/images/bckgrndfeedactive.gif) repeat-y left #e4f2f7;
		border:1px solid #cfdde1;
		text-align:left;
		vertical-align:middle;
		padding:10px;
		margin: 0; 
		}

	.feeds_s {
		background:url(/images/bckgrndfeed.gif) repeat-y right;
		border-bottom:1px solid #cfdde1;
		text-align:left;
		vertical-align:middle;
		padding:10px;
		margin: 0; 
		}
		
	.feedswht_s {
		background:#fff;
		border-bottom:1px solid #cfdde1;
		text-align:left;
		vertical-align:middle;
		padding:10px;
		margin: 0; 
		}

	.feedsactive_s {
		background:url(/images/bckgrndfeedactive.gif) repeat-y left #e4f2f7;
		border-bottom:1px solid #cfdde1;
		text-align:left;
		vertical-align:middle;
		padding:10px;
		margin: 0; 
		}

	.feedsurround_lt {
		background:url(/images/bckgrndfeeds_lt.gif) left repeat-y;
		padding-left:5px;
		}

	.feedsurround_rt {
		background:url(/images/bckgrndfeeds_rt.gif) right repeat-y;
		padding-right:5px;
		}

	.feedbttn {
		float:right;
		margin:5px 5px 0 0;
		}

	.subbox {
		position:relative;
		left:28px;
		}
	
	.cancel {
		float:right;
		margin: 0 3px 0 0; 
		}
	
	.feedicons {
		display:inline;
		text-align:center;
		}
	
	.filter {
		background:#fff;
		border:1px solid #cfdde1;
		text-align:left;
		padding:5px; 
		}
		.filter div {
			clear: both;
			}
	
	.filterclear {
		text-align:left;
		padding:6px; 
		}
	
	.tour {
		text-align: left;
		padding:22px;
		}
		
	.message {
		background:url(/images/bckgrndfeedactive.gif) repeat-y left #e4f2f7;
		border:1px solid #cfdde1;
		text-align:center;
		vertical-align:middle;
		padding:10px 20px 20px 10px;
		margin: 0; 
		}
		
	#msg_nochannels {
		border-bottom:1px solid #cfdde1;
		text-align:center;
		vertical-align:middle;
		font: 1.2em helvetica, sans-serif;
		padding:10px 20px 20px 10px;
		}
		
	.accountmessage {
		text-align:center;
		font: 1.2em helvetica, sans-serif;
		padding:5px; 
		}
		
	#firstcolumn {
		overflow:auto;
		height:400px;
		width:200px;
		padding:5px; 
		}
		
	#banner {
		z-index:1;
		position:relative;
		top:-10px;
		right:-10px;
		width: 132px;
		float:right;
		padding:0;
		margin:0;
		margin-left:-132px;
		}

/* font styles */

	.tag1 {
		font: 1em/1.2em helvetica, sans-serif;
		color:#b1cbd7;/*8cb8ad*/
		}

	.tag2 {
		font: 1.4em/1em helvetica, sans-serif;
		color:#58aabf;/*d6af3e*/
		}

	.tag3 {
		font: 1.7em/.9em helvetica, sans-serif;
		color:#359db6;/*ffa800*/
		}

	.tag4 {
		font: 2.2em/.8em helvetica, sans-serif;
		color:#ffa800;/*ff9600,007f9b*/
		letter-spacing:-1px;
		}

	.tag5 {
		font: 2.6em/.7em helvetica, sans-serif;
		color:#ff9600;/*ff8100,005568*/
		letter-spacing:-1px;
		}

	.stinktag1 {
		font: 1em/1.2em helvetica, sans-serif;
		color:#b1cbd7;/*576e71*/
		}

	.stinktag2 {
		font: 1.4em/1em helvetica, sans-serif;
		color:#576e71;/*4c614c*/
		}

	.stinktag3 {
		font: 1.7em/.9em helvetica, sans-serif;
		color:#515236;
		}

	.stinktag4 {
		font: 2.2em/.8em helvetica, sans-serif;
		color:#554017;
		letter-spacing:-1px;
		}

	.stinktag5 {
		font: 2.6em/.7em helvetica, sans-serif;
		color:#973a02;
		letter-spacing:-1px;
		}

	.legal { 
		font: bold 11px/16px helvetica, sans-serif;
		font-weight:normal;
		color:#0089a8;
		padding:10px; 
		}

	.tiny {
		font: bold 11px/16px helvetica, sans-serif;
		font-weight:normal;
		color:#878787; 
		}
		
	.tinynote {
		font: bold 11px/16px helvetica, sans-serif;
		position:relative;
		display:inline;
		top:-5px;
		margin-left:3px;
		font-weight:normal;
		color:#878787; 
		}

	.new {
		font: bold 11px/16px helvetica, sans-serif;
		font-weight:normal;
		color:#878787; 
		letter-spacing:1px;
		}

	.sm {
		font: bold 1.05em/1.5em helvetica, sans-serif; 
		}
	
	.med {
		font: bold 2em/1.1em helvetica, sans-serif;
		letter-spacing:-1px;
		color:#626363; 
		}
	
	h1 {
		font: bold 3.2em/1.2em helvetica, sans-serif;
		color:#cfdde1;
		letter-spacing:-1px; 
		}

	h2, .large {
		font: bold 2.15em/1.1em helvetica, sans-serif;
		letter-spacing:-1px;
		}
		
	h1, h2 {
		margin:0;
		padding:0;
		}
		
	h3 {
		font: bold 2.15em/1.1em helvetica, sans-serif;
		margin:0;
		padding:0;
		color: #ff8b00;
		letter-spacing:-1px; 
		}
		
	h4 {
		margin:0;
		padding:0;
		color: #ff8b00;
		letter-spacing:2px; 
		}
		
	.lead {
		font: 1.2em/1.5em helvetica, sans-serif; 
		padding:0; 
		margin:0; 
		}
		
	.more { font: bold 1.2em/1.5em helvetica, sans-serif;
		letter-spacing:-.05em; 
		}
	
	.title { font: bold 1.7em helvetica, sans-serif;
		position:relative;
		display:inline;
		letter-spacing:-.05em; 
		color:#626363;
		}
		
	.section {
		font: bold 1.3em helvetica, sans-serif;
		letter-spacing:-1px;
		color:#626363; 
		}
		
	.blu { 
		color:#0089a8; font-weight:bold; 
		}
	
	.grey { 
		color:#9c9b9b; font-weight:bold; 
		}

	.drkgr { 
		color:#626363;
		}

	.light { 
		color:#d9d9d9; font-weight:bold; 
	}
	
/* table styles */

	table.pricechart td {
		padding: 3px 6px 3px 6px;
		text-align: center;
		vertical-align: middle;
		border-bottom:1px solid #e7e7e7;
/*		border: 1px solid #fff;
		outline: 1px solid #e7e7e7; */
	}
	
	table.pricechart th {
		padding: 3px 6px 3px 6px;
		text-align: right;
		vertical-align: middle;
		border-bottom:1px solid #e7e7e7;
		border-right:1px solid #e7e7e7;
	}
	
	td.blubck {
		background:url(/images/bckgrndpricingtd.gif) repeat-x bottom;
		border-right:1px solid #e7e7e7;
	}
	
	td.rt {
	}

	td.lft {
		text-align:right;
	}
	
	td.heading {
		vertical-align: top;
		text-align:right;
	}
	
	th.none { border:none; }
	

/* link styles */

	a.nav, a.nav:link, a.nav:visited, a.nav:active, 
	a.tabnav, a.tabnav:link, a.tabnav:visited, a.tabnav:active {
		color: #82c936;
		text-decoration: underline;
	}
	
	a, a:link, a:visited, a:active {
		color: #ff8b00;
		text-decoration: underline;
	}
	
	a.gry, .gry:link, a.gry:visited, a.gry:active {
		color: #393737;
		text-decoration: underline;
	}
	
	a.drkgr, a.drkgr:link, a.drkgr:visited, a.drkgr:active {
		color: #626363;
		text-decoration: none;
	}
	
	a.wht, a.wht:link, a.wht:visited, a.wht:active, a.wht:hover {
		color: #fff;
	}
	
	a:hover, a.nav:hover, a.gry:hover, a.navhere, a.navhere:link, a.navhere:visited, 
	a:active {
		color:#0089a8;
		text-decoration: none; 
	}
		
	a.t3, a.t3:link, a.t3:visited, a.t3:active {
		color: #393737;
		text-decoration: none;
	}
	
	a.t3:hover {
		color: #ff8b00;
		text-decoration: underline;
	}

	
	a.smblu {
		color:#0089a8; 
	}
		
	a.deck {
		color:#393737;
		text-decoration: none; 
	}
		
	a img {
		border:0;
	}
			
/* form styles */

	form {
		margin:0px;
	}

	select.styled {
		background-color: #fff;
		padding:2px;
		border:none;
		color: #a0C3cf;
	}
	input.styled {
		background: #fbfcfc;
		border:1px solid #cfdde1;
		padding:2px;
		color: #a0C3cf;/*9eb17c*/
	}
	
	input.styled:hover, input.styled:focus {
		border:1px solid #cfdde1;
		background:#fff;
		color: #393737;
	}	

	select.manage {
		background-color: #fff;
		padding:2px;
		border:1px solid #cfdde1;
		color: #393737;
	}
	input.manage {
		background: #fff;
		border:1px solid #cfdde1;
		padding:2px;
		color: #393737;
	}

	input.bttn {
		border: none;
		background: #82c936;
		color: #fff;
		cursor:pointer;
		font-weight: bold;
		padding: 3px 5px 3px 5px;
	}
	
	input.bttn:hover, input.bttn:focus {
		border: none;
		background: #0089a8;
		color: #fff;
		cursor:pointer;
		font-weight: bold;
		padding: 3px 5px 3px 5px;
	}
	
	textarea.styled {
		background: #fbfcfc;
		border:1px solid #cfdde1;
		color: #393737;
		padding:4px;
	}
	
	textarea.styled:hover, input.styled:focus {
		border:1px solid #cfdde1;
		background:#fff;
		color: #393737;
	}	

	.error {
		color:#cb2420;
	}

	.deleted-msg {
		background-color: #ffe8d3;
		width: 506px;
		margin: 0 auto;
		padding: 10px;
		font-weight: bold;
	}