.container { 	
	margin: 0 auto;
		
	width: 950px; 
}

.column { float: left; margin-right: 10px; }
.span-5 { width: 150px; }
.span-6 { width: 400px; }
.span-7 { width: 200px; }
.span-10 { width: 400px; }
.span-11 { width: 540px; }
.span-12 { width: 600px;}
.span-14 { width: 700px; }
.last { margin-right: 0; }
.span-24 { width: 900px; margin: 0; }

/* Font Color & Sizes */

.blue {
	color: #0099ff;
}

.lightpurple {}
.darkpurple {
	color: #3e1544;
}
.purple {}
.mediumpurple {
	color: #a06fa4;
}

.bold {font-weight: bold;}
.littlefont { font-size: 80%;}
.mediumfont { font-size: 110%;}
.bigfont {font-size: 120%;}

h6 {
	margin: 0 0 10px 0;
	padding: 0;
	
	font-size: 12px;
	font-weight:bold;
}

/*Float*/
.floatleft { float: left; }

/* Form Elements */

input.phone {
	width: 100px;
}

/* Application Styling */

body {
	background: url('../images/application/body_background.png') repeat-x #592e5f;
}

#wrapper {
	background: url('../images/application/container_background.png') no-repeat transparent;
	padding: 25px;
}

/* header */
#header {
	height: 80px;
	margin-bottom: 25px;
}

#logo {
	margin: 10px 0 0 0;
}

#signin{
	height: 50px;
	background-color: #ff6d08;
}
/* Table View and Lists */

.table_listing table {
	border: 0;
	border-spacing: 0;
}
.table_listing th {
	color: #a06fa4;
	font-size: 120%;
	border-bottom: 2px solid #d6cad7;
	text-align: center;
}

.table_listing h3 {
	color: #592e5f;
	margin: 0px;
}

.table_listing tr td {
vertical-align: middle;
padding: 10px;
border-bottom: 2px solid #d6cad7;
text-align: center;
}

.table_listing td.status {
	text-align: center;
	width: 15px;
}

.table_listing a {
color: #ff550d;
}

/* Products */ 

#products_cart {
	margin-top: 25px;
	padding-left: 45px;
}



	#products_admin {
		margin-top: 50px;
		clear: both;
	}
	
#descr {
	float: left;
	margin-left: 15px;
}

#product_choose {
	float: left;
	margin-left: 15px;
}

#product_choose h2 {
	font-size: 120%;
	color: #4d2153;
}
	
/* Carts View */
#carts { }

	#carts #shoppingcart { }
	
		#carts #shoppingcart td { vertical-align: top; }
	
		#carts #shoppingcart th.cartheader { 
			height: 45px;
			
			background:#330739;
			
			text-indent: -999px;
		}
			#carts #shoppingcart th.cartheader.product { background: url('../images/application/cartheader_product.png') 15px 60% no-repeat #330739; }
			#carts #shoppingcart th.cartheader.quantity { background: url('../images/application/cartheader_quantity.png') 15px 50% no-repeat #330739; }
			#carts #shoppingcart th.cartheader.price { background: url('../images/application/cartheader_price.png') 15px 50% no-repeat #330739; }
		
		#carts #shoppingcart td.first { padding: 15px 0 15px 0; }
		
			#carts #shoppingcart td.first.product { background: url('../images/application/cartheader_bigcarat.png') 10px 0 no-repeat #f4f4f4; }
			#carts #shoppingcart td.first.quantity, #carts #shoppingcart td.first.price { background: url('../images/application/cartheader_smallcarat.png') 10px 0 no-repeat #f4f4f4; }
			
		#carts #shoppingcart td.product { 
			padding-left: 15px;
			
			width: 300px;
		}
		
			#carts #shoppingcart td.product span.product_title {
				display: block;
				margin: 0;
				padding: 0;
				
				font-size: 16px;
				font-weight:bold;
				color: #5a2d5f;
			}
			
			#carts #shoppingcart td.product span.product_description {
				font-size: 10px;
				color: #7c4d80;
			}
			
		#carts #shoppingcart td.quantity {
			padding: 15px 0 0 15px;
			
			width: 130px;
		 }
		
			#carts #shoppingcart td.quantity input#shout_credits { 
				padding:5px 5px 5px 5px;
				border: 1px solid #e3ade5;
				
				width: 50px;
				
				font-family: "Trebuchet MS", Tahoma, Helvetica, sans-serif;	
				color: #330739;
			}
			#carts #shoppingcart td.quantity label.shout_credits_label {			
				color: #7c4d80; 
				font-size: 10px;
				font-weight: normal;
			 }
			 
			 #carts #shoppingcart td.quantity input#updatecart {
					display: block;
					margin: 15px 0 0 0;
					border: 0;
					
					width: 62px;
					height: 20px;
					
					background: url('../images/application/linkbutton_updatecart.png') top left no-repeat transparent;
					
					text-indent: -999px;
					color: transparent;
					text-transform: capitalize;
				}
			 
		#carts #shoppingcart td.price { 
			padding-left: 15px;
			
			font-size: 14px;
			font-weight: bold;
			line-height: 28px;
		}
		
		#carts #shoppingcart td.even { background-color: #f4f4f4; }	
		
		#carts #shoppingcart td.total { 
			padding:0; 
			margin: 0;
			border-top: 1px solid #330739;
			
			text-align: right;
		 }
		
			#carts #shoppingcart td.total div {
				float: right;
				padding: 10px 20px 10px 80px;
				
				height: 100%;
				
				background: url('../images/application/shoppingcart_total.png') 20px 50% no-repeat #330739;
				
				font-size: 18px;
				color: #ffffff;
			}
				
				#carts #shoppingcart td.total div em { 
					display:none;
				}
	
	#carts #products {
		margin: 0 0 25px 0;
		width: 550px;
	 }
	
		#carts #products .product {
			float: left;
			margin:0;
			padding: 0 5px 0 0;
			
			width: 175px;
			height: 91px;
			
			background: url('../images/application/credit_price_background.png') 20px 0 no-repeat transparent;
			/*cursor: pointer;*/
			
			color: #ffffff;
		}
		
			#carts #products .product.specifycredits {
				float: left;
				margin: 25px 0 0 0;
				padding: 0;
				
				width:550px;
				height: auto;
				
				background: none;
			}
			
				#carts #products  .product.specifycredits > label[for="specifycredits_radio"] {
					padding: 0 3px 0 5px;
					
					font-size: 14px;
					font-weight: bold;
					color: #ff550d;
				}
				
				#carts #products .product.specifycredits > input#specifycredits_amount {
					width: 50px;
					
					text-align:center;
				}
				
				#carts #products .product.specifycredits > label[for="specifycredits_amount"] {
					padding: 0 0 0 7px;
					
					font-weight:normal;
					color: #5b2e60;
					font-size: 11px;
				}
				
				#carts #products .product.specifycredits > div.easyshoutcalc { 
					margin: 15px 0 0 0;
					
					width: 325px; 
				}
				
					#carts #products .product.specifycredits > div.easyshoutcalc img {
						position: relative;
						float: left;
						
						padding: 0 10px 20px 10px;
					}
				
					#carts #products .product.specifycredits > div.easyshoutcalc p {
						position:relative;
						
						color: #5b2e60;
						font-size: 10px;
					}
					
						div.easyshoutcalc p a:link, div.easyshoutcalc p a:active, div.easyshoutcalc p a:visited { 
							color: #ff550d;
							font-weight:bold;
							text-decoration: none;
						}
						 
						div.easyshoutcalc p a:hover { color: #5b2e60; }
					
		
			#carts #products .product > input[type="radio"] {
				display: block;
				float: left;
				
				margin: 0 0 76px 0;
				
				height: 20px;
				width: 20px;
			}
			
			#carts #products .product > div.flake { 
				float: left;
				
				height: 91px;
				width: 67px;
				
				text-align:center;
			}
			
				#carts #products div.flake > div.cost {
					margin: 6px 0 0 0;
					
					font-size: 16px;
					font-weight: bold;
				}
				
				#carts #products div.flake > div.credits {
					margin: 16px 0 0 0;
									
					line-height:20px;
					font-size: 24px;
				} 
				
				#carts #products div.flake > div.creditslabel { 
					margin: 0; 
					
					font-size:10px;
				}
				
			#carts #products .product > ul {
				float: left;
				
				margin: 8px 0 0 0;
				
				width: 80px;
				height: 91px;
				
				list-style: none;
				
				text-indent: -7px;
			}
			
			#carts #products .product > ul li { 
				padding: 0 0 5px 14px;
				
				line-height: 14px;
				font-size: 11px;
				color: #ff550d;
			}
				
				.product > ul li:before { content: "\00B7 \0020"; }
				
				
		#right_action.carts > table#creditdiscounts {
			margin: 0 0 15px 0;
			padding: 0;
		}
			
			#right_action.carts > table#creditdiscounts tr td { 
				padding: 0;
	
				height: 10px;
			}
			
				table#creditdiscounts tr td.range { color: #d8a4dd; }
				table#creditdiscounts tr td.discount { font-weight:bold; }
	
				
/* Action Bar Styles 
   (and global Action Bar content blocks) */
				
#right_action {
	padding: 15px 25px 25px 25px;
	
	color: #ffffff;
}
	#right_action h5 {
		margin: 0 0 10px 0;
		color: #ffffff;
	}
	
	/* Create a Shout */
	#right_action div.createashout { margin: 0 0 15px 0; }
	
		#right_action div.createashout a { color: #d8a4dd; }
		
		#right_action div.createashout h5 { margin:0 0 8px 0; }
		
		#right_action div.createashout select {
			margin:0 0 8px 0;
			
			width: 150px;
			
			font-family: "Trebuchet MS", Tahoma, Helvetica, sans-serif;
		}
		
		#right_action div.createashout input[type="submit"] {
			margin: 0 0 0 108px;
			border: 0;
			
			width:42px;
			height:19px;
			
			background: url('../images/application/linkbutton_callme.png') transparent no-repeat;
			cursor: pointer;
			
			/*getting rid of the button text*/
			text-indent: -999em;
			color: transparent;
			text-transform: capitalize;
		}
	
	/* Info w/ Icon */		
	#right_action div.infowicon { margin:2px 0 15px 0; }
	
		#right_action div.infowicon p {
			margin: 0 0 5px 0;
			font-size: 11px;
		}
		
			#right_action div.infowicon p + p {
				margin: 0 0 5px 21px;
				font-size: 10px;
			}
		
			#right_action div.infowicon p a, #right_action.carts div.easyshoutcalc p a:active, #right_action.carts div.easyshoutcalc p a:visited { 
				color: #ff550d;
				font-weight:bold;
				text-decoration: none;
			}
			 
			#right_action div.incfowicon p a:hover { color: #ffffff; }
			
			#right_action div.infowicon img {
				position: relative;
				float: left;
				
				padding: 0 5px 0px 0;
			}
	
		


.edit_cart input[type='text'] {
	width: 50px;
}

.edit_cart h2 {
	color: #4d2153;
	font-size: 120%;
}

.edit_cart td {
	font-size: 120%;
}

.specify {
	width: 50px;
}	


/* Credits */

#credits_top {
	float: right;
	margin: 15px 0 0 0;
	
	height: 45px;
	
	background: url('../images/application/credits_mainbg.gif') top left repeat-x transparent;
}

	#credits_top span.counter {
		display: block;
		float: right;
		
		padding: 0 5px 0 5px;
		margin: 7px 0 0 8px;
		
		border: 1px solid #c61800;
		
		min-width: 20px;
		height: 30px;
	
		background: url('../images/application/credits_counterbg.png') top left repeat-x #d52901;	
		
		text-align: center;
		font-size: 18px;
		color: #ffffff;
	}
	
	#credits_top span.title {
		display: block;
		float: right;
		
		margin: 0 10px 0 10px;;
		
		width: 97px;
		height: 45px;
		
		background: url('../images/application/credits_title.png') 50% 50% no-repeat transparent;
		text-indent: -999em;
	}
	
	#credits_top span.links {
		display: block;
		clear: both;
		float: left;
		
		margin: 0;
		padding: 10px 0 0 15px;
		
		height: 20px;
		
		background: url('../images/application/credits_linkscarat.png') 10px 0 no-repeat transparent;
	}
	
		#credits_top span.links a { 
			font-size: 11px;
			color: #ff550d;
			text-decoration: none;
		}
		
		#credits_top span.links a:hover { 
			color: #ffffff;
			text-decoration: none; 
		}

#credit_balance {
	background: url('../images/application/credit_background.png');
	background-repeat: repeat-x;
	color: white;
	font-size: 150%;
	font-position: 10px;
	vertical-align: middle;
	float: right;
	margin-right: 0px;
}

	#credit_balance span {
		position:relative;
		top: -25px;
	}
	
	#credit_nav {
		text-align: right;
		margin-right: 80px;
		clear:both;
	}
	
	#credit_nav a {
		color: white;
		
	}

/* Content Area */

#content {
	height: 450px;
}

	/* these are the little purple buttons used around the application */
	a.linkbutton {
		display:block;
		height:19px;	
		text-indent: -999em;
	}

/* about shout now */

#about {
	border: 1px #ff6d08 solid;
	height: 400px;
	margin-top: 25px;	
}

/*footer*/

#footer {
	height: 50px;
	text-align: right;
	font-height: 90%;
	font-family: 'Trebuchet MS';
	}

/* Bottom Navigation */

#bmenu {
	color: white;
}

/* ShoutNow Main Application Pages */

/* Frame */


/* Navigation Div */
#left{
	margin-right: 0px;
}

	/* Account Area */
	#account_area {
		overflow: auto;
		margin: 0 0 0 0;
		padding: 20px 20px 20px 0px;
	}
	
		#account_area img { 
			float: right; 
			
			border: 3px solid #ffffff;
			
			width: 50px;
			height: 50px;
		}
		
		#account_area ul {
			float: right;
			margin: 7px 15px 0 0;
			padding: 0;
			
			width: 50px;
			
			list-style: none;
			list-style-position: inside;
			
			
			text-align: right;
		}
		
			#account_area ul li { font-size: 11px; }
			
			#account_area ul li a { 
				color: #ffffff; 
				text-decoration:none;
			}
	
	/* Application Navigation */
	#floatMenu {
		margin: 0px 0 0 0;
		padding: 15px 0 15px 10px;
		
		border-right: 5px solid #ed4300;
		
		background:#ff550d;
	}
		
		#floatMenu ul#navigation {
			margin: 0 0 0 0;
			
			list-style: none;
		
			color: #ffffff;
			
		}
			
			/* Parent pages */
			ul#navigation > li { padding: 8px 0 5px 8px; }
			
			ul#navigation > li.parent > a {
				display: block;
				
				height:25px;
				width:95px;
				
				text-indent: -999em;
			}
			
				li.parent.dashboard > a { background: url('../images/application/left_menu_dashboard.png') top left no-repeat transparent; }
				li.parent.shouts > a { background: url('../images/application/left_menu_shouts.png') top left no-repeat transparent; }
				li.parent.lists > a { background: url('../images/application/left_menu_lists.png') top left no-repeat transparent; }
				li.parent.campaigns > a { background: url('../images/application/left_menu_campaigns.png') top left no-repeat transparent; }
				li.parent.account > a { background: url('../images/application/left_menu_account.png') top left no-repeat transparent; }
				li.parent.help > a { background: url('../images/application/left_menu_help.png') top left no-repeat transparent; }
				li.parent.admin > a { background: url('../images/application/left_menu_admin.png') top left no-repeat transparent; }
			
			ul#navigation > li.active { background: #ed4300; }
			
			/* Child pages */
			ul#navigation li.parent ul.child {
				margin: 0 0 0 8px;
				
				list-style: none;
			}
			
			ul#navigation li.parent ul.child li { margin: 5px 0 0 0; }
			
			ul#navigation li.parent ul.child li > a:link, ul#navigation li.parent ul.child li > a:active, ul#navigation li.parent ul.child li > a:visited {
				color: #ffffff;
				text-decoration: none;
			}
			
			ul#navigation li.parent ul.child li > a:hover { color: #300536; }
			
			ul#navigation li.parent ul.child li.active > a { font-weight: bold; }
			

/* Application */

#middle {
	background: url('../images/application/application_background.gif') top right no-repeat #ffffff;
	margin-right: 0px;
	min-height: 1000px;
}

#status {
}

.middlewrapper {
	padding: 25px;
	height: 100%;
}

	.middlewrapper h1 {
		margin: 0 0 25px 0;
		font-family: "Trebuchet MS";
		font-size: 36px;
		color: #5a2d5f;
	}
	
	.middlewrapper div.directions {
		clear:both;
		margin: 0 0 25px 0;
		font-family: "Trebuchet MS", Tahoma, Helvetica, sans-serif;
		font-size: 13px;
		color: #300536;
	}
	
		div.directions span.optionlabel { font-weight:bold; }
		
	.middlewrapper a { 
		color: #ff550d;
		text-decoration: none;
	}

#middle_box {
	margin: 0 0 15px 0;
	padding: 10px 10px 10px 10px;
	text-align: center;
	
	background: url('../images/application/transparent_lavender_bg.png') repeat transparent;
	
}

	#middle_box input {
		max-width: 90%;
		margin: 5px;
	}
	
	#middle_box input[type="text"] {
	border: 1px solid #bfa4c2; }
	
	#middle_box input[type="submit"]  {
		background-color: #5d3062;
		padding: 3px;
		color: white;
		border: 1px solid #330838;
		text-decoration: none;
	}

/* Action Area */
#right {
	min-height: 1000px;

	border-top: 1px #7e4f83 solid;
	
	background: url('../images/application/right_background.png') repeat-x #8a5a8e;
}

	#rightwrapper {
		height: 500px;
		
		background: url('../images/application/actionbar_caret.png') 0 15px no-repeat transparent;
	}
	
	
	
#right_top {
	height: 100px;
}

	#right_top img {
		position: relative;
		top: 25px;
		left: -285px;
	}

#right_box {
	width: 90%;
	background-color: #8d5d91;
	padding: 5px 5px 0px 5px;
	margin-left: 5px;
	margin-top: 15px;
	color: white;
}

#right_box input {
	max-width: 90%;
	margin: 5px;
}
#right_box input[type="text"] {
border: 1px solid #bfa4c2; }
#right_box input[type="submit"] {
	background-color: #5d3062;
	padding: 5px;
	color: white;
	border: 1px solid #330838;
	margin: 5px;
}

/* Application Views */

/* Welcome Wizard */

#welcomewizard {
	position:relative;
	top: -25px;
	left: -25px;

	margin: 0 0 -10px 0;
	padding: 0;
	
	width: 600px;
	height: 50px;
	background: url('../images/application/wizard_shadow.png') 0px 38px repeat-x transparent;
}

	#welcomewizard ol {
		list-style:none;
		
		margin: 0;
		padding: 0;
	}
	
		#welcomewizard ol li {
			float: left;
			display: block;
		}
		
			#welcomewizard ol li a { 
				display:block;
				
				height: 38px;
				width: inherit;
				
				text-indent: -999em;
			 }
			
			#welcomewizard ol li#welcome { width:126px; }
				
				#welcomewizard ol li#welcome a { background: url('../images/application/wizard_mainlabel.png') top left no-repeat; }
			
			#welcomewizard ol li#verify { width:132px; }
			
				#welcomewizard ol li#verify a.active { background: url('../images/application/wizard_verifynumber_active.png') top left no-repeat; }
				#welcomewizard ol li#verify a.done { background: url('../images/application/wizard_verifynumber_done.png') top left no-repeat; }
			
			#welcomewizard ol li#lists { width:196px; }
			
				#welcomewizard ol li#lists a.notdone { background: url('../images/application/wizard_contactlist_notdone.png') top left no-repeat; }
				#welcomewizard ol li#lists a.active { background: url('../images/application/wizard_contactlist_active.png') top left no-repeat; }
				#welcomewizard ol li#lists a.done { background: url('../images/application/wizard_contactlist_done.png') top left no-repeat; }
			
			#welcomewizard ol li#shout { width:146px; }
			
				#welcomewizard ol li#shout a.notdone { background: url('../images/application/wizard_createshout_notdone.png') top left no-repeat; }
				#welcomewizard ol li#shout a.active { background: url('../images/application/wizard_createshout_active.png') top left no-repeat; }
		
/* Dashboard View */

#dashboard {}
		
	#dashboard h2 {
		font-size: 16px;		
	}
	
		ol.welcome {
			margin: 0 0 25px 25px;
			list-style: inside url('../images/application/arrow.png');
		}
		
			ol.welcome li {
				padding: 0 0 5px 0;
				
				font-size: 16px;
				font-weight: bold;
			}
			
				ol.welcome li a { text-decoration: none; }
				
				ol.welcome li.active { }
					
					ol.welcome li.active a { color: #ff550d;}
					
				ol.welcome li.done { 
					list-style-image: url('../images/application/check.png'); 
					
					font-weight: normal;
				}
				
					ol.welcome li.done a { 
						color: #d8d8d8;
					}
					
				ol.welcome li.notdone { }
					
					ol.welcome li.notdone  a { color: #959595; }
			
			
		
		#dashboard #yourshouts {
			float:left;
			
			width: 280px;
			min-height:600px;
			
			padding: 0 25px 0 0;
		}
	
			#yourshouts h2 {
				margin: 0 0 5px 0;
				
				font-weight:bold;
				color: #ff550d;
			}
			
			#yourshouts h2 + p {
				margin: 0 0 20px 0;
				
				font-size: 10px;
				color: #8a5a8e;
			}
			
			a.recordings_name {
				color: #ff550d;
			}
			
			#yourshouts .yourshouts_recordings {
				
				margin: 0 0 10px 0;
				
				width: 280px;
				min-height: 50px;
				
				background: url("../images/application/transparent_litelavender_bg.png") transparent;
			}
			
				.yourshouts_recordings ul.recordings_list {
					margin:0;
					padding:0 0 0 0;
					
					list-style:none;	
				}
				
					ul.recordings_list li.recordings_playbutton {
						display:block;
						float:left;
						
						margin: 0 10px 0 0;
						
						width: 85px;
						height: 50px;
					}
					
						li.recordings_playbutton img {
							display: block;
							margin: 8px auto 0 auto;
						}
					
					ul.recordings_list li.recordings_name { padding: 8px 0 0 0; }
					
						li.recordings_name h4 {
							display:inline;
							
							font-size: 15px;
							font-weight:bold;
							color: #7f5084;
						}
						
						li.recordings_name span.recordings_duration {
							font-size: 10px;
							font-style:italic;
							color: #36063c;
						}
					
					ul.recordings_list li.recordings_links {}
					
						li.recordings_links a {
							margin: 0 8px 0 0;
						}
					
						li.recordings_links a:link, li.recordings_links a:visited, li.recordings_links a:active {
							font-family: Tahoma;
							font-size: 10px;
							font-weight:bold;
							text-decoration:none;
							color: #36063c;
						}
						
						li.recordings_links a:hover {
							color:#7f5084;
						}
	
	#dashboard ul.informationlists {
			margin: 0;
			padding: 0;
			
			width: 245px;
			
			list-style:none;
	}
	
		ul.informationlists li {
			padding: 5px 0 5px 0;
			border-bottom: 1px solid #d6cad7;
			
			font-size: 14px;
			color: #ff550d;
			font-weight:bold;
		}
		
		ul.informationlists li.last { border:0; }
	
	#dashboard #yourverifiednumbers {
		float: left;
		
		margin: 30px 0 0 0;
		
		width: 245px;
	}
	
		#yourverifiednumbers h2 {
			margin: 0 0 5px 0;

			font-weight:normal;
			color: #300536;
		}
		
		#yourverifiednumbers h2 + p {
				margin: 0 0 15px 0;
				
				font-size: 10px;
				color: #8a5a8e;
		}
		
		#yourverifiednumbers li { overflow: auto; }
		
		#yourverifiednumbers div {
			overflow:auto;
			float:left;
		}
		
			div.verifiednumbers_number {
				width: 195px;
			}
			
			a.verifiednumbers_number {
				color: #FF550D
			}
	
			a.linkbutton.verifiednumbers_delete {
				width: 40px;
				
				background: url('../images/application/linkbutton_delete.png') top left no-repeat transparent;
			}
	
	#dashboard #yourcontactlists {
		float: left;
		
		margin: 25px 0 0 0;
		
		width: 245px;
	}
	
		#yourcontactlists h2 {
			margin: 0 0 5px 0;
		
			font-weight:normal;
			color: #300536;
		}
		
		#yourcontactlists h2 + p {
				margin: 0 0 0 0;
				
				font-size: 10px;
				color: #8a5a8e;
		}
		
		#yourcontactlists li { overflow: auto;}
		
		#yourcontactlists div {
			float:left;
		}
		
			div.contactlists_entry {
				width: 207px;
			}
			
			div.contactlists_links {
				margin: 8px 0 0 0;
			}
			
			a.linkbutton.contactlists_edit {
				float: left;
				
				margin: 0 5px 0 0;
				
				width:33px;
				
				background: url('../images/application/linkbutton_edit.png') top left no-repeat transparent;
			}
			
			a.linkbutton.contactlists_sendashout {
				float: left;
				
				width:65px;
				
				background: url('../images/application/linkbutton_sendashout.png') top left no-repeat transparent;
			}
		
		#yourcontactlists a {
			color: #ff550d;
			font-weight:bold;
			text-decoration:none;
		}
		
		#yourcontactlists p {
			position: relative;
			top: -4px;
			
			margin:0;
			
			font-size: 8px;
		}
		

/* Recordings View */

#recordings {}

	/*#recordings h1 { float: left; }*/

	#recordings ul#shoutsteps {
		position: absolute;
		left: 665px;
		margin: 0 0 0 0;
		padding: 0;
		
		width: 216px;
		height: 34px;
		
		list-style:none;
	}
	
		#recordings ul#shoutsteps li {
			float: left;
			width: 72px;
			height: 34px;
			
			background: transparent;
			
			text-indent: -999em;			
		}
		
			#recordings ul#shoutsteps li.create { background: url('../images/application/shoutsteps_create_off.png') top left no-repeat; }
				#recordings ul#shoutsteps li.create.active { background: url('../images/application/shoutsteps_create_on.png') top left no-repeat; }
			
			#recordings ul#shoutsteps li.detail { background: url('../images/application/shoutsteps_detail_off.png') top left no-repeat; }
				#recordings ul#shoutsteps li.detail.active{ background: url('../images/application/shoutsteps_detail_on.png') top left no-repeat; }
				
			#recordings ul#shoutsteps li.share { background: url('../images/application/shoutsteps_share_off.png') top left no-repeat; }
				#recordings ul#shoutsteps li.share.active { background: url('../images/application/shoutsteps_share_on.png') top left no-repeat; }
	
	#recordings div#middle_box { margin: 0 0 25px 0; }
	
	#recordings #middle_box h5 {
		float: left;
		
		margin: 14px 14px 0 14px;
		
		font-size: 11px;
		color: #36063c;
		font-weight:bold;
	}
	
	#recordings a.linkbutton {
		float: left;
		
		margin: 13px 3px 0 3px;
	}
	
		a.linkbutton.recordings_myrecordings {
			width: 73px;
			
			background: url('../images/application/linkbutton_myrecordings.png') top left no-repeat transparent;
		}
		
		a.linkbutton.recordings_sent {
			width: 33px;
			
			background: url('../images/application/linkbutton_sent.png') top left no-repeat transparent;
		}
		
		a.linkbutton.recordings_received {
			width: 51px;
			
			background: url('../images/application/linkbutton_received.png') top left no-repeat transparent;
		}
		
		a.linkbutton.recordings_paid {
			width: 32px;
			
			background: url('../images/application/linkbutton_paid.png') top left no-repeat transparent;
		}
		
		a.linkbutton.recordings_free {
			width: 32px;
			
			background: url('../images/application/linkbutton_free.png') top left no-repeat transparent;
		}

	#recordings .yourshouts_recordings {
		
		margin: 0 0 10px 0;
				
		width: 550px;
		min-height: 50px;
		
		background: url("../images/application/transparent_litelavender_bg.png") transparent;
		
	}
	
	
	/* Create a Shout */
	#recordings div#create_shout {}
	
		#recordings div#create_shout ul#create_shout_menu {
			overflow: auto;
			padding: 0px;
			margin: 15px 0 0 0;
			
			width: 80px;
			
			list-style-type: none;
		}
		
		#recordings div#create_shout .on { background: url('../images/application/transparent_lavender_bg.png') repeat transparent; }
		#recordings div#create_shout .off { display: none; }
		
			#recordings div#create_shout ul#create_shout_menu li {
				margin:0;
				float: left;
				
				padding: 5px 10px 5px 10px;
				
				text-align: center;
			}
			
				#recordings div#create_shout ul#create_shout_menu li#call_me { color: #5d3062; }

		#recordings div#create_shout > div.create_shout_box {
			width: 520px;
			padding: 15px;
			margin: 0;
			min-height: 35px;
		}
		
		#recordings div#create_shout div#call_me_tab { text-align:center; }
	
			#recordings div#create_shout div#call_me_tab form label {
			font-size:14px;
			font-weight:normal;
		}
		
		#recordings div#create_shout div#call_me_tab form select {
			margin: 0 20px 0 20px;
			width:125px;
		}	
	
	
	/* Detail this Shout */
	#recordings div#detail_shout { 
		overflow: auto;
		padding: 15px;
		
		background: url("../images/application/transparent_litelavender_bg.png") transparent;
	}
	
		#recordings div#detail_shout div#detail_form ul {
			margin: 12px 0 0 150px;
			list-style:none;
		}
		
			#recordings div#detail_shout div#detail_form ul li label {
				position: absolute;
				margin: 3px 0 0 0;
			}
			
			#recordings div#detail_shout div#detail_form ul li input[type="text"] {
				margin: 0 0 10px 110px;
				padding: 3px 3px 3px 3px;
				border: 1px solid #8a5a8e;
				
				width: 150px;
			}
			
				#recordings div#detail_form span.optionalfield {
					position: absolute;
					margin: 5px 0 0 5px;
					
					font-size: 9px;
					text-transform: uppercase;
				}
		
		#recordings input.solidbutton.savecontinue {
			display:block;
			margin: 10px 0 0 400px;
			
			cursor: pointer;
		}
	
	
	
	
	/* Share this Shout */
	#recordings div#share_shout {}
	
		#recordings div#share_shout h6 { 
			margin: 0 0 5px 0;
			color: #5c3061; 
		}
	
		#recordings div#share_shout ul#share_menu {
			float: left;
			margin: 0px;
			
			list-style-type: none;
			
			color: #5d3062;
		}
		
			#recordings div#share_shout ul#share_menu li {
				padding: 5px 5px 5px 5px;
				margin: 0 0 5px 0;
				
				width: 120px;
				
				cursor: pointer;
			}
			
			#recordings div#share_shout ul#share_menu .menu_on {
				background: url("../images/application/transparent_lavender_bg.png") transparent;
				
				color: #a877ad;
				font-weight:bold;
			}
			
		#recordings div#share_shout ul#share_tabs { margin: 0; }
		
			#recordings div#share_shout ul#share_tabs .share_tab {
				display: none;
				float: left;
				
				width: 420px;
				
				background: url("../images/application/transparent_lavender_bg.png") transparent;
				
				color: #5c3061;
			}
			
			#recordings div#share_shout ul#share_tabs .share_tab.tab_on { display: block; }
			
				/* Send to Phones */
				div#share_shout ul#share_tabs li#phone {}
					
					ul#share_tabs li#phone div#sendtophones { padding: 15px 15px 15px 15px; }
	
					ul#share_tabs li#phone form#new_campaign {}
					
						ul#share_tabs li#phone form#new_campaign select#campaign_number_id {
							margin: 0 0 15px 0; 
							
							width: 150px;
							
							font-family: "Trebuchet MS", Tahoma, Helvetica, sans-serif;
						}
						
						ul#share_tabs li#phone form#new_campaign ul#contactlist_selection {
							overflow: auto;
							margin: 0 0 15px 0;
							
							list-style:none;
						}
						
						ul#share_tabs li#phone form#new_campaign ul#contactlist_selection li { 
							display: block;
							float: left;
							
							width: 180px;							
						}
						
							form#new_campaign ul#contactlist_selection li label { font-weight: normal; }
						
					
					ul#share_tabs li#phone div#shout_credits {
						margin: 0;
						padding: 0;
						
						border-top: 3px solid #ffffff;
						height: 50px;
						
						background: url('../images/application/total_credits.png') 270px 50% #5c3061 no-repeat;
						
						text-align: right;
						color: #ffffff;
						font-size: 24px;
					}
					
						ul#share_tabs li#phone div#shout_credits span#credit_amount {
							margin: 0 70px 0 0;
						}
					
						ul#share_tabs li#phone div#shout_credits input[type="submit"] { 
							height: 50px;
							border-left: 3px solid #ffffff;
						}

	
/* Verify View */
#verify {}

	#verify div#middle_box { margin: 0 0 25px 0; }
	
	#verify #middle_box h5 {
		float: left;
		
		margin: 14px 14px 0 14px;
		
		font-size: 11px;
		color: #36063c;
		font-weight:bold;
	}
	
/* List View */
#lists {}

/*shouts*/

.shout {
	margin-top: 15px;
}

.button {
	float: left;
	margin-right: 15px;
}

#description {
	list-style-type: none;
	margin-left: 75px;
	padding: 0px;
}

#description li {
	margin: 0px;

}

#description h3 {
	color: #5a2d5f;
	font-weight:bold;
}

#tags ul {
	list-style-type: none;
	padding: 0px;
	margin-left: 15px;
}

#tags ul li {
	float: right;
	margin-left: 5px;
	background-color: #5d3062;
	padding: 3px;
	color: white;
	border: 1px solid #330838;
	text-decoration: none;
}

/* Import */
#import_menu {
	float: left;
	list-style-type: none;
	margin: 0px;
	color: #5d3062;
	font-weight: bold;
	font-style: italic;
	cursor: pointer;	
}

#import_menu li {
	width: 120px;
	padding: 5px;
	margin-bottom: 5px;
}


.menu_on {
	background-color: #eddfee;
	color: #a877ad;
}

.import_tab {
	float: left;
	background-color: #eddfee; 
	width: 400px;
	font-weight: bold;
	color: #5c3061 ;
	display: none;}

ul#import_tabs li.tab_on {
	display: block;	
}	

/* lists */
.list_off {display: none;}
.list_on {display: block;}


.solidbutton {
	border: 0;
	
	height: 30px;
	
	text-indent: -999px;
	color: transparent;
	text-transform: capitalize;
	
	background: #5a2e5f;
}

	.solidbutton.callme {
		width: 85px;
		
		background: url('../images/application/button_call_me.png') 50% 50% no-repeat #5a2e5f;
	}
	
	.solidbutton.send {
		width: 80px;
		
		background: url('../images/application/button_send.png') 50% 50% no-repeat #ff550d;
	}
	
	.solidbutton.savecontinue {		
		width: 150px;
		
		
		background: url('../images/application/button_save_continue.png') 50% 50% no-repeat #5a2e5f;
	}

.form_submit {
	background-color: #5d3062;
	padding: 3px;
	color: white;
	border: 1px solid #330838;
	text-decoration: none;
	font-size: 120%;
	font-weight: bold;
	margin-left: 15px;
	height: 30px;
}

/* Campaigns */

#delivered ul, #scheduled ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

/* Account/Pricing */

.checked {
	background: url('/images/application/check.png');
	background-repeat: no-repeat;

}


	
/* error messages */
.error_message {
	color: red;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

.fieldWithErrors {
	font-weight: bold;
	color: red;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

#success {
  width: 400px;
  border: 2px solid green;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  color: green;
  background-color: #FFFFFF;
}

#failure {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  color: red;
  background-color: #FFFFFF;
}

#error {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  color: red;
  background-color: #FFFFFF;
}

.pagination {
	text-align: center;
	font-family: 'Trebuchet MS';
	font-weight: bold;
}

.welcome_note {
	background-color: #FFFFCC;
	padding: 8px;
	border: 1px solid #FFCC33;
}

#middle_box .twitter {
	margin: 0px;
}