/* Main Areas */
html, body {height: 100%; padding: 0; margin: 0;}
body {
	color:#000;
/*  font-size:12px;*/
/*  font-family: "Arial";*/
	background-color: #000000;
}
#wrapper {
	width: 973px;
	height: auto !important;
/*  height: 100%;*/
	position: relative;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#footer {
	clear: both;
	width: 973px;
  background:url(/images/mma_footer.gif) no-repeat top;
  margin: -30px auto;
	height: 60px;
	position: relative;
	text-align: center;
}
#footer a {color:#808080;}
#footer a:hover {background:none; text-decoration:none;}
#content_area {
	width: 717px;
	float:left;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 5px;
	padding-bottom: 35px;
	padding-left: 10px;
	padding-right: 10px;
}	
body#admin #content_area {
}
body#admin #content_area h1.warning {
  margin:0 0 1em 0;
  padding:2px;
  height:16px;
  font-size:12px;
  border:2px solid #FF8000;
  text-align:center;
  background:#FFFF66;
  color:#FF0000;
}

#add_footer_back {clear: both; height:20px;}

a {
	color: #FF6600;
/*  padding:2px;*/
}

h2 {
	font-size: 22px;
	color: #333333;
	text-align: left;
	margin:0 0 5px 0;
}

/* Header &logo */
#header {
	background: url(/images/header_admin.gif);
	height: 150px;
	width: 957px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}
body.dashboard.login #header, body.admin.login #header {
  background: url(/images/header_admin_login.gif);
}
#header_links {
	float: right;
	height: 111px;
/*  padding-top: -2px;*/
	border: 0px solid #f00;
	width: 63px;
}
#header_links a {
	color: #fff;
	margin-top: 3px;
}
#logo {overflow: hidden; float: left; width: 204px; height:100px;  border: 0px solid #f00;}
#logo a, #logo img  {border:none; background:none; padding:0; float:left;}
#logo {border:none; background: none; padding:0;}
.small_link {
	float:left;
/*  font-size: 12px;*/
	color: #fff;
	margin-top: 2px;
	margin-right: 7px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 3px;
}
.small_link img {
	float:left;
	padding: 0 4px 0 0px;
	margin-top: 3px;
}

/* Side Bar Stuff */
/*total width 236px*/
#side_bar {
  padding: 15px 15px 15px 15px; 
  width:206px; 
  float: left; 
  vertical-align: top; 
  overflow: hidden;
}
#side_bar, #side_bar h3 {
  color:#C3C3C3;
}
#side_bar_links a {float:left;}
#side_bar_links a.active {}

#side_bar div.dashboard_logo {margin-bottom:30px; text-align:center;}

.sidebar_icon {
	float:left;
	padding: 0px 10px 10px 0px;
	margin-top: -5px;
	width: 32px;
	height: 32px;
}
#side_bar_links a:hover, #side_bar_links h2:hover, #side_bar_links h1:hover, #header_links a:hover {background: #fffcc5; color: #f00;}
#side_bar_links a.logo:hover {
  background:none;
}
#normal_links a, #side_bar .small_link {
	border: none;
	background: none;
	text-align: left;
	color:#FFFFFF;
	font-size: 12px;
	text-decoration: underline;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
#normal_links a:hover,#side_bar a:hover.small_link  {background: none; color:#f00;}

/* General */
#message .info {
	background-color: #CCFF66;
	color: #008000;
	border: 1px solid #408000;

	padding:5px;
	margin:5px;
	font-size: 16px;
	font-weight: bold;
}
#message .notice {
	background-color: #FF6666;
	color: #800000;
	border: 1px solid #800000;

	padding:5px;
	margin:5px;
	font-size: 16px;
	font-weight: bold;
}	
#message {background: url(/images/light.gif) top left no-repeat; margin: 0px 30px 5px 10px; padding:10px 0 5px 49px;}
#overdue_notice {width:66%; background: #FFF8F8; border: 1px solid #CCCCCC; margin: 0 auto 2em auto;padding: 0.5em;}
.member_link {float:left;	padding:10px 9px 25px 9px; width:128px;	height:170px; border: 0px solid #f00; }
.member_link a:hover {background:none; color: #f00}
.top_right {float: right; margin: -30px 0 2px 0;}

/* bar graph styles - credits to http://applestooranges.com/blog/post/css-for-bar-graphs/?id=55 */
.graph {position: relative; /* IE is dumb */ border: 3px solid #B1D632; padding: 2px;/*    width: 200px; */}
.graph .bar {display: block; position: relative; background: #B1D632; text-align: center; color: #333; height: 2em; line-height: 2em;            }
.graph .bar span { position: absolute; left: 1em; }
/* geko custom special bargraphs */
div.bargraph {width: 150px;height: 25px; background: url(/images/bargraphs/blue/bargraph_bkgnd.gif) top left no-repeat; position: relative; padding: 0 0 0 2px;}
div.bargraph .bar {display: block; position: relative; background: url(/images/bargraphs/blue/bargraph_fgnd.gif) top right; height:25px; line-height: 25px; font-size:10px; color: #444444; text-align: right; margin:0; padding:0;}
/* status meters */
/*
div.status_meter {}
div.status_meter strong {font-size:11px; color:#444444;}
div.status_meter span.remaining {font-size: 10px; font-style: italic;color: #444;}
*/

/* Member Home Page */
.info_box {width: 310px; float: left; background: #f8f8f8; border: 1px solid #aed6f6; padding: 5px; margin: 10px; display: inline;}
.info_box h3 {display:inline; float:left; position: relative; margin: -20px 0 0 15px; padding: 5px; background: #dde7ef; border: 1px solid #aed6f6; font: 15px/15px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; font-weight: bold; color: #222;}
.info_box .info_box_left {clear: both; float: left; vertical-align: top; border: 0px solid #f00;}
.info_box .info_box_right {float: right; padding: 5px 0 0 0; width: 180px; margin: 0; text-indent: 0;}
.info_box .info_box_help {clear: both; float: right;}
.info_box_right li a {
  line-height:1.3em;
}

/* breadcrumbs */
ul.breadcrumbs {text-indent: 0; margin:0; padding:0;}
ul.breadcrumbs {padding:0 0 10px 0; list-style:none; float: none;}
ul.breadcrumbs li {float:left; margin-right:0.5em; background: none; padding: 0;}
ul.breadcrumbs li a {font-style:italic;}

/* Address Book */
#AddressBook #services a {
/*  color: #000181;*/
}
#AddressBook #services ul li a:hover {background-color:#F2F3F4;}
#AddressBook #services ul {list-style:none; margin:15px 0 0 0; padding:0; float:left;}
#AddressBook #services ul li {
  background:none;
  padding:1px;
  margin:0.5em 0 0 0;
  padding:2px 0 2px 0;
  float:left;
  clear:left;
  width:100%;
/*  min-height: 40px;*/
}
#AddressBook #services ul li.current {border:0px solid #ccc; background-color:#F9FFB5;}
#AddressBook #services .highlight {font-size:100%; text-decoration: none;}
#AddressBook #services .icon_small {margin-top:3px}

#AddressBook #contacts {padding-top: 12px;}
#AddressBook #contacts a {
/*  color: #000181;*/
  background: transparent url('/images/icons/user_go.gif') no-repeat;
  padding: 2px 5px 2px 22px;
  display: block;
}
#AddressBook #contacts a:hover {
/*  background-color: #f2f3f4; color: #000181 ;*/
}
#AddressBook #contacts a.current {border:1px solid #ccc; padding:2px 5px 2px 22px;	background-color:#F9FFB5;}
#AddressBook #contacts a.inactive {
  color:#999999;
  font-style:italic;
}
#AddressBook #contacts a.blacklisted {
  text-decoration:line-through;
  color:#C00;
}
#AddressBook #services .paginator,
#AddressBook #contacts .paginator {
  clear:left;
  margin-top:2em;
}
#AddressBook #services .paginator {margin-top:2.5em;}

#AddressBook #contacts .paginator a {background: none; padding: 0;}
body.address_book div#loading {float:right;padding-top:6px;}
body.address_book div#loading img {vertical-align:-15%;}

#AddressBook #contact {padding-top: 12px;}
#AddressBook #contact p.blacklisted {
  color:#C00;
}

#AddressBook #search_box {width:305px;}

/* .button_link {color: #2D2D6F;	background: #F8F5BE; border: 1px solid #A2BDD4;	padding:4px; margin:0; font-size:14px;vertical-align: center;} */

/* Shop */
table.list tr.current_account td {font-weight:bold;}
.cart_links { float: right;} 
.cart_links TD { padding:10px 0 0 40px;} 

/* Message Details */
table.recipients tr.failed td {color:red;}

/* My GeKocards */
.actions {vertical-align: bottom; border: 1px solid #ddd;}
.actions_default_gekocard {vertical-align: bottom; border: 1px solid #ddd; padding: 5px;}
.default_gekocard {margin: 0; padding: 0; overflow: auto; width:240px; height:243px; text-align: center;}
.default_gekocard img {float: left; text-align: center;}
.default_gekocard_info {float:left; width: 450px;}
.actions p.portal {margin: 0; padding: 0; line-height: 16px;}

/* portal theme editing thing */
div#portal_themes {}
div#portal_themes div {float: left; width: 200px; margin: 0 20px 1em 0;}
div#portal_themes div p.theme_name {margin: 0; padding: 5px;}
div#portal_themes div p.theme_description {margin: 0; padding: 5px; font-size: 90%; font-style: italic;}

.category_cards {clear:both; margin-bottom:1em;}
.category_cards .card {float:left; padding:8px; /* background: url(/images/fieldset_bkgnd.png) top repeat-x; */ border: 1px solid #DDE7EF; width: 120px; overflow: hidden;}




/****** message composition page ******/
#ComposeContents {margin-bottom:2em;}
#MessageComposer {
/*  clear: both; */
  background: #fcfcfc; 
  padding: 0; 
  margin: 0 0 1em 0;
  position:relative;
  float:left;
  width:715px;
}
#MessageComposer #recipient {
  position:relative;
}
#MessageComposer #top {
  background: url(/images/tile_stripe.gif);
/*  padding: 10px 10px 0 10px; */
  border: 1px solid #CCD7DF; 
  float:left;
  width:100%;
}
#MessageComposer #attachments {
  border: 1px solid #CCD7DF; 
}

body.dashboard.content.create_video #MessageComposer #attachments,
body.dashboard.services.choose_content #MessageComposer #attachments {
  border: none; 
}
body.dashboard.content.create_video #previewWrapper {
  float:left;
  width:50%;
  text-align:center;
/*  margin-right:1em;*/
}
body.dashboard.content.create_video #mobile_wireframe {
  margin:0 auto 0 auto;
}

body.dashboard.content.create_video #submitWrapper {
  clear:left;
  float:left;
  width:48%;
  padding-top:4em;
  padding-left:1em;
  
}
body.dashboard.content.create_video #submitWrapper #title {
  margin-bottom:1em;
}
body.dashboard.content.create_video #submitWrapper #title p {
  margin-bottom:1em;
}
body.dashboard.content.create_video #submitWrapper #title p label {
  display:block;
  float:left;
  width:6em;
  text-align:right;
  padding-right:1em;
}
body.dashboard.content.create_video #submitWrapper #submitButton,
body.dashboard.content.create_video #submitWrapper #progress {
  margin-left:6.5em;
}
body.dashboard.content.create_video #submitWrapper .fieldWithErrors {float:left; padding: 0 1px 0 0px; border: 1px solid red; background-color: #f0f0f0;}
body.dashboard.content.create_video #submitWrapper p.instructions {
  clear:left;
  margin-left:0;
  padding-left:5px;
}
body.dashboard.content.create_video #submitWrapper h3 {
  clear:left;
  text-align:center;
  padding-left:5px;
  margin-top:0;
  padding-top:0;
}

#MessageComposer #MessageTypes  {
  height:24px;
  padding: 0.5em 0 0.5em 0;
  margin: 0 0 0 0;
  float:left;
}
#MessageComposer #MessageTypes label {
  padding-top:5px;
}
#MessageComposer #MessageTypes span {
  display:block;
  float:left;
  width:114px;
  height:24px;
  margin:0 0.5em 0 0;
  padding:0;
}
#MessageComposer #MessageTypes span img {
  display:inline;
  margin:0;
  padding:0;
}
#MessageComposer #MessageTypes span.active img {
  display:none;
}
#MessageComposer #MessageTypes span#multimediaButton.active {
  background:url(/images/mobiblast_composer_multimedia_button_active.jpg) top left no-repeat;
}
#MessageComposer #MessageTypes span#textButton.active {
  background:url(/images/mobiblast_composer_text_button_active.jpg) top left no-repeat;
}


/*#MessageComposer label {font-size:110%; display:block; float:left; width:160px; text-align:right; padding-right:5px; color:#000;}*/
#MessageComposer label.form {
  font-size:110%;
  display:block;
  position:relative;
  float:left;
  width:160px;
  text-align:right;
  padding-right:5px;
  color:#000;
}
/*
#MessageTypes label {
  padding-top:0.25em;
  display:inline; 
  float:none; 
}
*/
/*
#MessageComposer #top #MessageTypes label.MessageType {
  font-size:150%; 
  margin:0; 
  padding:0 0.5em 0 0;
  display:inline; 
  float:none; 
  width:auto;
  text-align:left;
  padding-right:1em;
  color:#256226;
}
*/
#MessageComposer #top #MessageTypes label.MessageType img {
  vertical-align:middle;
}
#MessageComposer .instructions {display:block; padding-left:170px; padding-top:3px; font-style:italic; font-size:90%; color:#7B7B7B;}
#recipient_search_indicator {float: left;}
#MessageComposer .separator {
  margin-top:1.5em;
}

#MessageComposer #htmlExamples {text-align:center; font-size:90%; }
#MessageComposer #htmlExamples a {color:#333;}

#MessageTypesInfo {
  float:right; 
  width:250px;
  top: -10px; 
  position:relative; 
  margin-right: 10px;
  z-index:1000;
}
#MessageTypesInfo div {
  position:absolute; 
  background:#546298; 
  color: #ddd; 
  font-size:90%; 
  padding:5px;
  border-top:1px solid #CCCCCC;
  border-right:2px solid #808080;
  border-bottom:2px solid #808080;
  border-left:1px solid #CCCCCC;
}

#MessageBody {
  padding-bottom:1em;
  border: 1px solid #CCD7DF; 
  position:relative;
  float:left;
  width:100%;
  clear:left;
}
#MessageBody div.message, #MessageBody div.preview {
  float:left;
  width:46%;
  margin:0% 1% 0% 1%;
  position:relative;

  width:330px;
  margin:0;
  padding:0 10px 0 10px;
  float:left;
}
#MessageBody div.preview h3 {
  padding-left:10px;
}
#MessageBody div.preview div#mobile_wireframe {
  margin:0 auto;
}
#MessageBody div.preview {
}
#MessageBody div.preview img#scrollInstructions {
  position:absolute;
  top:200px;
  left:260px;
}
#MessageBody div.message div.status_meter {
  font-size:90%;
  text-align:right;
}
p.disclaimer {
  margin-top:20px;
  font-style:italic;
  font-size:90%;
  color:#808080;
}
#MessageBody #wapPreview {border:1px solid #CCD7DF;margin:2px 0 10px 7px;padding:0;}
body.dashboard.messages.details #wapPreview {border:1px solid #CCD7DF;}

#MessageComposer h3 {
  text-align:center;
}

#MessageComposer #MessageBody div.bargraph {
/*  background: url(/images/bargraphs/blue/bargraph_bkgnd_characters.gif) top left no-repeat;*/
}


#mobile_wireframe {
/*
  width:189px;
  height:325px;
  background:url(/images/mobile_wireframe01.gif) top left no-repeat;
*/
  width:179px;
  height:360px;
  background:url(/images/mobile_wireframe05.png) top left no-repeat;
  overflow:hidden;
  position:relative;
  z-index:0;
}
#mobile_wireframe_screen {
  float:left;
  position:relative;
  top:54px;
  left:28px;
  width:122px;
  height:140px;
  overflow:hidden;
  font-family:Courier, monospace;
  font-size:10px;
  color:#000080;
}
#mobile_wireframe #cursor_up {
  position:absolute;
  top:210px;
  left:68px;
  width:43px;
  height:12px;
/*  background:url(/images/preview_button_up.png) top left no-repeat;*/
}
#mobile_wireframe #cursor_down {
  position:absolute;
  top:222px;
  left:68px;
  width:43px;
  height:12px;
/*  background:url(/images/preview_button_down.png) top left no-repeat;*/
}
#mobile_wireframe #cursor_up a,
#mobile_wireframe #cursor_down a,
#mobile_wireframe #cursor_up a:hover,
#mobile_wireframe #cursor_down a:hover,
#mobile_wireframe #cursor_up a img,
#mobile_wireframe #cursor_down a img,
#mobile_wireframe #cursor_up a:hover img,
#mobile_wireframe #cursor_down a:hover img {
  margin:0;
  padding:0;
  background:none;
}
#preview_message_body {
/*  word-wrap: break-word;*/
  float:left;
  position:relative;
}
#previewContainer {
  text-align:center;
}

div.MessageAttachment {
/*  height:280px;*/
  margin:0;
  padding:0 20px 10px 20px;
/*  border-bottom: 1px solid #CCD7DF; */
  position: relative;
/*
  padding: 0 20px 10px 0;
  border: 0px solid #f00;
  width: 270px;
  float:left;
*/
}
#preview_subject {
  border-bottom:1px solid #808080;
  padding-bottom:2px;
  height:11px;
  overflow:hidden;
}
#CardSelector {width: 150px;}
#AttachmentLoading {
/*  float: right;*/
  display: inline;
  padding:0; margin:0
}

body.dashboard.content.create_video #mobile_wireframe_screen_contents {
  height:121px;
  overflow:hidden;
}
#slideshowControls {
/*
  float:left;
  clear:left;
  position:absolute;
  top:121px;
*/
  width:122px;
  height:19px;
  background:url(/images/slideshow_controls/background.png) top left no-repeat;
}
#slideshowControls #playbackButtons {
  margin:0px 1px 0px 1px;
  width:15px;
  float:left;
}
#slideshowControls #playbackButtons a {
  padding:0;
}
#slideshowControls #playbackButtons a img {
  margin:0;
  padding:0;
  border:0;
}
#slideshowControls #statusIndicator {
  padding:3px;
  text-align:center;
}

#SpamSignature { clear: both; border: 0px solid #f00;}
#SpamSignature div.info {
  float:right;
  width:270px;
  position:relative;
/*  margin: -100px 10px 0 0;*/
}
#SpamSignature div.info #SpamSignatureContents {position:absolute; background:#DDE7EF; font-size:90%; padding:5px;}

#SubmitButton, #SendLater {display:inline;}
#MessageSend {
  clear:left;
  margin-top:2em;
}

#MessageComposer .fieldWithErrors {border: 0; background: none;} /* No need for highlighting errors on send with this page */
.help_14 {width: 14px; height: 14px; background: url(/images/icons/help_14.gif); padding: 0; margin:0; float: left;}
.help_14:hover {background: url(/images/icons/help_14_red.gif)}
#MessageBody div.message textarea.message_area {
/*  margin-top:53px;*/
  width: 100%; 
/*  height: 240px;*/
  border:1px solid #CCD7DF;
}



div#attachments {
  margin:0;
  padding:0 0 10px 0;
  float:left;
  width:100%;
}
div#attachments div#attachment_selector, div#attachments div#slides_selector {
  width:337px;
  margin:0;
  padding:0 10px 0 10px;
  float:left;
}
div#attachments div#attachment_selector p.clear, div#attachments div#slides_selector p.clear {
  clear:left;
}
div#attachments div#attachment_selector div#uploadedFiles, div#attachments div#slides_selector div#slides {
  width:335px;
  height:208px;
  overflow:auto;
  border:1px solid #CCD7DF;
  position:relative;
  float:left;
}
div#attachments div#slides_selector div#slides {height:210px;border:none;}

/* Video Creator */
body.dashboard.content.create_video div#attachments div#slides_selector div#slides {
  border:none;
  width:337px;
  height:210px;
  overflow:hidden;
}

body.customers_messages.compose div#attachments div#attachment_selector div#file_selector fieldset.form p label {
  width:20%;
}
body.customers_messages.compose div#attachments div#attachment_selector div#file_selector fieldset.form span.instructions {
  padding-left:25%;
}

body.customers_messages div#attachments div#attachment_selector div#file_selector fieldset div#errorExplanation {
  width: 300px;
}

div#attachments div#attachment_selector div#uploadedFiles {
/*  height:168px;*/
  margin:0;
  padding:0;
}




div#attachments div#slides_selector div#slides {
}
div#attachments div#slides_selector div#slides div#slide_show {
/*
  width:337px;
  height:170px;
  overflow:hidden;
*/
  position:relative;
}
div#attachments div#slides_selector div#slides div#slide_show div#left_arrow {
  width:22px;
  height:170px;
/*  float:left;*/
  position:absolute;
  top:0px;
  left:0px;
  background:#FFFFFF;
}
div#attachments div#slides_selector div#slides div#slide_show div#right_arrow {
  width:22px;
  height:170px;
/*  float:right;*/
  position:absolute;
  top:0px;
  right:0px;
  background:#FFFFFF;
}
div#attachments div#slides_selector div#slides div#slide_show div#left_arrow a,
div#attachments div#slides_selector div#slides div#slide_show div#left_arrow a img, div#attachments div#slides_selector div#slides div#slide_show div#right_arrow a img, div#attachments div#slides_selector div#slides div#slide_show div#right_arrow a {
  margin:0;
  padding:0;
  border:0;
}
div#attachments div#slides_selector div#slides div#slide_show div#slide_show_slides {
  width:290px;
  height:165px;
  margin:0px 0px 0px 22px;
  padding:1px 0 0 1px;
  overflow:hidden;
  border:1px solid #CCD7DF;
/*  z-index:1000;*/
  float:left;
}

div#attachments div#slides_selector div#slides div#slide_show div#slide_show_slides div#slide_show_content {
/*
  z-index:-1000;
*/
/*width:940px;*/
width:2350px;
height:158px;
}



div#attachments div#slides_selector div#slides div#slide_show div#masterSoundTrackWrapper {
  float:left;
  clear:left;
  margin:5px 0 0 22px;
  padding:2px;
  border:1px solid #CCD7DF;
  height:31px;
  width:286px;
  font-size:75%;
  overflow:hidden;
}
div#attachments div#slides_selector div#slides div#slide_show div#masterSoundTrackWrapper.hover {
  border-color:green;
}
div#attachments div#slides_selector div#slides div#slide_show div#masterSoundTrackWrapper p.dropTarget {
  text-align:center;
}
div#attachments div#slides_selector div#slides div#slide_show div#masterSoundTrackWrapper p.dropTarget img {
  margin-right:0.25em;
}
div#attachments div#slides_selector div#slides div#slide_show div#masterSoundTrackWrapper #masterSoundTrackContents {
  margin:0;
  padding:0;
}
div#attachments div#slides_selector div#slides div#slide_show div#masterSoundTrackWrapper #masterSoundTrackContents div.closeButton {
  width:16px;
  height:16px;
  float:right;
}
div#attachments div#slides_selector div#slides div#slide_show div#masterSoundTrackWrapper #masterSoundTrackContents div.closeButton a,
div#attachments div#slides_selector div#slides div#slide_show div#masterSoundTrackWrapper #masterSoundTrackContents div.closeButton img {
  margin:0;
  padding:0;
}
div#attachments div#slides_selector div#slides div#slide_show div#masterSoundTrackWrapper #masterSoundTrackContents div.loopControl {
  float:left;
  width:266px;
  overflow:hidden;
}
div#attachments div#slides_selector div#slides div#slide_show div#masterSoundTrackWrapper #masterSoundTrackContents div.loopControl input,
div#attachments div#slides_selector div#slides div#slide_show div#masterSoundTrackWrapper #masterSoundTrackContents div.loopControl img {
  margin:0 3px 0 0;
  padding:0;
  float:left;
}
div#attachments div#slides_selector div#slides div#slide_show div#masterSoundTrackWrapper #masterSoundTrackContents div.loopControl span {
  display:block;
  float:left;
  padding:3px 0 0 0;
  height:16px;
/*  line-height:15px;*/
  overflow:hidden;
}
div#attachments div#slides_selector div#slides div#slide_show div#masterSoundTrackWrapper #masterSoundTrackContents div.loopControl span.duration{
  width:56px;
}
div#attachments div#slides_selector div#slides div#slide_show div#masterSoundTrackWrapper #masterSoundTrackContents div.loopControl span.title {
  width:155px;
  overflow:hidden;
}
div#attachments div#slides_selector div#slides div#slide_show div#masterSoundTrackWrapper #masterSoundTrackContents div#masterAudioTrackPlayer {
  height:16px;
  margin:0;
  padding:0;
}


div#attachments div#slides_selector div#sound_track {
  height:32px;
  overflow:hidden;
  border:1px solid #CCD7DF;
  clear:left;
}
div#attachments div#slides_selector div#sound_track.hover {
  border-color:#008000;
}
div#attachments div#slides_selector div#sound_track div#audiopreview {
  float:right;
  width:122px;
  padding:6px 6px 0 0;
}

#slides_selector #slides #video_clip {
  border:1px solid #CCD7DF;
  padding-top:1px;
  width:333px;
  height:207px;
  overflow:hidden;
}
#slides_selector #slides #video_clip.hover {
  border-color:#008000;
}

#slides_selector #slides #video_clip #selectedAttachment {
  position:relative;
}

/* IE8 blatantly ignores any rules applied to .closeButton for some reason, so they've been hard coded into the JS (see setAttachent method) */
#content_area #ComposeContents #MessageComposer #attachments #slides_selector #slides #video_clip #selectedAttachment div.closeButton {
  position:absolute;right:0px;width:16px;height:16px;padding:0 2px 0 0;
}
#slides_selector #slides #video_clip #selectedAttachment .closeButton a, #slides_selector #slides #video_clip #selectedAttachment .closeButton a img {
  margin:0;
  padding:0;
}
#slides_selector #slides #video_clip #selectedAttachment .contents {
  width:333px;
  height:206px;
  overflow:hidden;
}

#slides_selector #slides #video_clip #selectedAttachment .contents .audioWrapper {
  margin:47px 0 0 23px;
  text-align:left;
}
#slides_selector #slides #video_clip #selectedAttachment .contents .audioWrapper h4 {
}
#slides_selector #slides #video_clip #selectedAttachment .contents .audioWrapper a {
  margin:0;
  padding:0;
}
#slides_selector #slides #video_clip #selectedAttachment .contents .audioWrapper a img {
  float:left;
  margin:0 10px 0 0;
  padding:0;
}
#slides_selector #slides #video_clip #selectedAttachment .contents .audioWrapper p.details {
  color:#7F7F7F;
  margin:0;
  padding:0;
  height:22px;
}

#slides_selector #slides #video_clip #selectedAttachment .contents #videoPlayer {
  margin:0 0 0 29px; /* The drop target is 333px wide, the video player is 275px wide. left/right padding should be 29px */
}

div#attachments div.attachment_instructions {
  height:3em;
  padding-top:0.5em;
  margin-bottom:0.25em;
}
div#attachments div.attachment_instructions div.attachmentControls {
  height:20px;
}
div#attachments div.attachment_instructions a img, div#attachments div.attachment_instructions a:hover {
  background:inherit;
}
div#attachments div#attachment_selector div#uploadedFiles div.file {
  height:32px;
  margin-bottom:10px;
  clear:left;
}
div#attachments div#attachment_selector div#uploadedFiles div.file.thumbnails {
  margin:10px 0px 0px 10px;
  padding:2px 0 0 0;
  float:left;
  display:inline;
  width:85px;
  height:85px;
  clear:none;
  text-align:center;
  border:1px solid #CCD7DF;
  position:relative;
}
div#attachments div#attachment_selector div#uploadedFiles div.file div.icon img.thumbnail {
  display:none;
}
div#attachments div#attachment_selector div#uploadedFiles div.file.thumbnails div.icon img {
  display:none;
}
div#attachments div#attachment_selector div#uploadedFiles div.file.thumbnails div.icon img.thumbnail {
  display:inline;
  float:none;
  z-index:10000;
}
div#attachments div#attachment_selector div#uploadedFiles div.file.image.thumbnails p.name,
div#attachments div#attachment_selector div#uploadedFiles div.file.audio.thumbnails p.name,
div#attachments div#attachment_selector div#uploadedFiles div.file.video.thumbnails p.name {
  font-size:80%;
}
div#attachments div#attachment_selector div#uploadedFiles div.file.thumbnails p.name {
  width:85px;
  height:31px;
  overflow:hidden;
  background:inherit;
}
div#attachments div#attachment_selector div#uploadedFiles div.file.thumbnails p.actions {
  display:none;
}

div#attachments div#slides_selector div.slide {
  width:86px;
  height:165px;
  float:left;
  margin:0px 5px 0px 0px;
/*  border-width:1px;*/
/*  border-style:solid;*/
/*  border-color:#CCD7DF;*/
  position:relative;
  overflow:hidden;
  font-size:90%;
}
div#attachments div#slides_selector div.slide.hover,
div#attachments div#slides_selector div#slides div#slide_show div#slide_show_slides div#slide_show_content div.slide div.image_wrapper.hover,
div#attachments div#slides_selector div#slides div#slide_show div#slide_show_slides div#slide_show_content div.slide div.sound_wrapper.hover {
  border-color:#008000;
}
div#attachments div#slides_selector div.slide div.slidePosition {
  height:14px;
  padding:2px 0 0 0;
  border-width:2px 2px 0px 2px;
  border-style:solid;
  border-color:#CCD7DF;
  font-size:90%;
  text-align:center;
/*  background:#CCD7DF;*/
/*  color:#FFFFFF;*/
}
div#attachments div#slides_selector div.slide div.image_wrapper {
  height:79px;
  border-width:1px 2px 1px 2px;
  border-style:solid;
  border-top-color:#FFFFFF;
  border-right-color:#CCD7DF;
  border-bottom-color:#CCD7DF;
  border-left-color:#CCD7DF;
  font-size:90%;
  text-align:center;
}
div#attachments div#slides_selector div.slide div.slideDuration {
  height:24px;
  padding:3px 0 0 0;
  font-size:90%;
  border-width:0px 2px 0px 2px;
  border-style:solid;
  border-color:#CCD7DF;
/*  background:#CCD7DF;*/
  text-align:center;
}
div#attachments div#slides_selector div.slide div.slideDuration input {
  font-size:90%;
  width:2em;
}

div#attachments div#slides_selector div.slide div.image_wrapper p.drop_target {
  text-align:center;
  font-size:90%;
/*  padding-top:3em;*/
}
div#attachments div#slides_selector div.slide div.image_wrapper div.image {
  width:82px;
  height:62px;
  overflow:hidden;
  text-align:center;
}
div#attachments div#slides_selector div#slides div#slide_show div#slide_show_slides div#slide_show_content div.slide div.sound_wrapper {
  height:35px;
  font-size:90%;
  border-width:1px 2px 2px 2px;
  border-style:solid;
  border-color:#CCD7DF;
  text-align:center;
}
div#attachments div#slides_selector div#slides div#slide_show div#slide_show_slides div#slide_show_content div.slide div.sound_wrapper.hover,
div#attachments div#slides_selector div#slides div#slide_show div#slide_show_slides div#slide_show_content div.slide div.sound_wrapper.hover {
  border-color:#008000;
}
div#attachments div#slides_selector div#new_slide_target div.image_wrapper {
  text-align:center;
  height:160px;
  border-top:2px solid #CCD7DF;
  border-bottom:2px solid #CCD7DF;
}
div#attachments div#slides_selector div#new_slide_target div.image_wrapper p {
  padding-top:2.5em;
}
div#attachments div#slides_selector div#slides div#slide_show div#slide_show_slides div#slide_show_content div.slide div.sound_wrapper {
  text-align:center;
  font-size:80%;
}
div#attachments div#slides_selector #slide_show #slide_show_slides #slide_show_content div.slide div.sound_wrapper p.remove {
  font-size:90%;
  text-align:center;
  margin:0;
  padding:0;
}

div#attachments div.file div.icon, div#attachments div#slides_selector div#slides div.slide div.icon {
  margin:0 5px 0 0;
  padding:0;
  float:left;
  width:32px;
  height:30px;
}
div#attachments div#attachment_selector div#uploadedFiles div.file.thumbnails div.icon {
  width:85px;
  height:85px;
  float:none;
  z-index:10000;
  text-align:center;
}
div#attachments div#attachment_selector div#uploadedFiles div.file.thumbnails div.icon {
  height:50px;
}
div#attachments div.file div.icon, div#attachments div#slides_selector div#slides div.slide div.icon img {
  z-index:10000;
}
div#attachments p.name, div#attachments div#attachment_selector div#uploadedFiles p.actions, div#attachments div#slides_selector div#slides p.name, div#attachments div#slides_selector div#slides p.actions {
  margin:0;
  padding:2px 0 0 0;
  height:14px;
  border:none;
}
div#attachments p.actions, div#attachments div#slides_selector div#slides p.actions {
  font-size:10px;
  height:10px;
  padding-top:4px;
}

/* shared pages with /home */
#recipient {float:left;}
#small {float: right; margin: -30px 0 100px 0;}

/* shop */
#css_boxes {padding: 0 20px 0 30px}
.shop_image {	border: 1px solid #c5c655; float:right;	margin: 10px 5px 10px 10px;}
.price {
	color: #f00;
	padding:15px 0 0 30px;
	font-size: 22px;
	font-weight: bold;
}
.buy {margin: 0 40px 0 30px;}


/* #geko_card {margin-left:25px;} */
/* #MessageComposer div.form p {margin-bottom:1.25em} */
/* #MessageComposer #MessageTypes div {float:left; width:24%; margin:0;padding:0;} */
/* #MessageComposer #MessageTypes div p {padding-left:0.5em; font-size:80%; font-style:italic;} */
/* #MessageComposer #MessageTypes div.label label { display:block; width:100%; text-align:right;font-size:110%; color:#000;} */
/* #MessageComposer #MessageTypes div.label {width:26%; background:transparent;} */


/* Stuff for the messages section */
#message_details {
  clear:both;
  margin-top:1em;
  border:1px solid #DCE7EF;
  position:relative;
  min-width:0;
}
#message_details div.header {
  float:left;
  width:100%;
}
#message_details div.header div.from_to {
  float:left;
  padding:5px;
}
#message_details div.header div.from_to span.from {
  font-weight: bold;
  color: green;
}
#message_details div.header div.date {
  float:right;
  padding:5px 5px 0 5px;
}
#message_details div.message_body {
  clear:both;
  width:100%;
  float:left;
  padding:1em 5px 0.5em 5px;
}
#message_details div.message_body div.preview {
  width:200px;
  float:left;
  clear:left;
  margin-left:15px;
}
#message_details div.message_body.video div.preview,
#message_details div.message_body.audio div.preview,
#message_details div.message_body.image div.preview {
  width:355px;
}
#message_details div.message_body div.text {
  width:300px;
/*  height:130px;*/
  overflow:auto;
  float:left;
/*  clear:left;*/
  position:relative;
  min-width:0;
  margin:14px 0 0 0;
/*  margin:0;*/
/*  padding:5px;*/
}
#message_details div.message_body.video div.text,
#message_details div.message_body.audio div.text,
#message_details div.message_body.image div.text {
  margin:0;
}
#message_details div.message_body div.text fieldset {
  border:1px solid #DCE7EF;
  height:130px;
  margin-bottom:20px;
  padding:5px;
  overflow:auto;
}
#message_details div.message_body div.text fieldset legend {
  font-size:120%;
  color:#FF6600;
  font-weight:bold;
  margin:0;
  padding:0;
}
#message_details div.message_body div.text h3 {
  margin-top:0;
}
#message_details div.message_body div.text p {
  font-size:115%;
}

/*
#message_details div.message_body div#attachments {
  border-top:1px solid #EEEEEE;
  margin:1em 0;
}
#message_details div.message_body div.attachment {
  clear:both;
  padding:0.5em 0.5em 0 0.5em;
}
#message_details div.message_body div.attachment img {
  float:left;
  margin-right:1em;
  border:1px solid #EEEEEE;
}
#message_details div.message_body div.attachment span.title {
  font-weight:bold;
}
#message_details div.message_body div.attachment div.description p {
  font-size:95%;
}
*/
#message_details div.footer {
  clear:both;
  height:20px;
  margin:0px;
  padding:0px;
}
#message_details div.footer div.left {
  height:15px;
  padding:0 5px 5px 5px;
  margin:0px;
}
#message_details div.footer div.left a {
  height:15px;
  font-size:90%;
  margin:0px;
  padding:0px;
}
#message_details div.footer div.right {
  height:10px;
  padding:5px;
}

div.message_nav {
  float:right;
}
table.list.message td {
  border-left:none;
  border-right:none;
}
table.list.message td a {
  color:black;
  text-decoration:none;
  display:block;
  margin:0;
  padding:2px;
}
table.list.message td a span.msg_list_bod {
/*  color: #888888;*/
}
table.list.message td a span.subject {
  color: #888888;
  margin-left:0;
  padding-left:0;
}


#message_details fieldset.recipients h3 {
  font-size:16px;
}

#makeAnimation div#selector {

  float:left;
  width: 475px;
  z-index: 100;
}
#makeAnimation div#preview {

  float:left;
  clear:none;
  width: 210px;
  margin: 0;
}
#makeAnimation div#preview h3 {
  padding-left:20px;
}

#makeAnimation div#selector div#uploadedSelector{

  width:210px;
  margin-right: 0;
  float:left;
  border:1px solid #CCD7DF;
}

#makeAnimation div#selector div#animateSelector{
  width:242px;
  height: 270px;
  margin-right: 0;
  float:left;
  overflow:hidden;
  border:1px solid #CCD7DF;
}

#makeAnimation div#selector div#makeSubmit {
  margin: 0;
  width: 95%;
  height: 50px;
  color:#FFFF00;
}

div#selector div#uploadedSelector div#uploadedFiles {
/*
  position: relative;
  margin:0;
  width:207px;
  height:180px;
  overflow:auto;
  border:1px solid #CCD7DF;
  background-color:#FFA000;
*/
}
div#selector div#animateSelector div#leftBar{
    padding-top: 25px;
  position:absolute;
  width:17px;
  float: left;
  height:155px;
  overflow:hidden;
  border:1px solid #CCD7DF;
}
div#selector div#animateSelector div#leftBar p, div#selector div#animateSelector div#rightBar p{
 padding-top: 20cm;
 padding: 2px;
}

div#selector div#animateSelector div#animate {
  position:absolute;
  margin: 0;
  left:480px;
  width:199px;
  height:175px;
  overflow:hidden;
  background-color:#FFA000;;
  z-index:100;
}
div#selector div#animateSelector div#rightBar{
    padding-top: 25px;
  width:17px;
  float:right;
  height:155px;
  overflow:hidden;
  border:1px solid #CCD7DF;
}
div#selector div#animateSelector div#animate div#scrollOverFlow{
  width:2000px;
  height: 170px;
  z-index:-1000;
}
div#selector div#animateSelector div#animate div#scrollOverFlow div.divImg {
    float:left; 
    margin: 3px; 
    height: 130px; 
    width: 60px;
    background-color:#4E2926;
   color: #F7E017;
}
div#selector div#animateSelector div#animate div#scrollOverFlow div.divImg img {
    float:left;  
    height: 50px; 
    width: 50px; 
    border:5px solid #4E2926;
    background-color:#CCD7DF; 
}
div#selector div.selectorInstructions {
  height:4em;
  color: #FFFF00;
}

.animate_icon {
    margin-left: 5px; 
    margin-top: 5px; 
    float: left; 
    width: 50px;
    height: 50px;
    border: 2px solid #A0A0A0;
   
}
body._customers_content.new_animation #mobile_animate_frame {
  width:128px;
  height:252px;
  background:url(/images/mobile_wireframe03.png) top left no-repeat;
  overflow:hidden;
/*  position:relative;*/
  z-index:0;
}
#mobile_animate_screen {
  position:relative;
    top:40px;
    left:20px;
    width:84px;
    height:97px;
  overflow:hidden;
  font-family:Courier, monospace;
  font-size:10px;
  color:#000080;
}
#wrapper #need_bg {
	background-image: url(/images/tile_admin.png);
	float: left;
	background-color: #FFFFFF;
}
body._customers_content.index  #wrapper #need_bg, body._customers_content.new_animation  #wrapper #need_bg {
	background-image: url(/images/tile_admin_animation.png);
	float: left;
	background-color: #ffffff;
}

body._customers_content.new_animation  #wrapper div#content_area div#selector a{
    color: #FFFF80;
}
body._customers_content.new_animation  #wrapper #makeAnimation {
  width:680px;
  height: 350px;
  background-color:#801D0B;
  padding: 0; 
  border:1px solid #CCD7DF;

}
body._customers_content.new_animation #makeAnimation div#preview {
  padding-left: 30px;
  float:left;
  clear:none;
  width: 160px;
  margin: 0;
}
body._customers_content.new_animation #new_animation h2, body._customers_content.index #new_animation h2{	
	color: #000000;
}
body._customers_content.new_animation #wrapper h2,body._customers_content.index #wrapper h2{
    color: #000000;
}
body._customers_content.new_animation #wrapper table.epicenter a, body._customers_content.index #wrapper table.epicenter a{
    font-weight:bold;
    color: #FFFF80;
}
body._customers_content.new_animation #wrapper div#need_bg div#content_area a,body._customers_content.index #wrapper div#need_bg div#content_area a{
   
    color: #0000A0;
}
body._customers_content.new_animation #wrapper div#need_bg div#content_area div#selector a,body._customers_content.index #wrapper div#need_bg div#content_area div#selector a{
    color: #FFFF80;
}

#footer #footer_txt {
  margin:0;
	padding-left: 300px;
}
#footer #footer_txt a {
  display:block;
  float:left;
  padding-top:7px;
/*  width:24%;*/
margin:0 2em 0 2em;
  text-align:center;
	font-size: 14px;
  text-decoration: none;
  color: #EEE;
  color: #B6B6B6;
}
#footer #footer_txt a:hover {
  color: #FF6600;
}



body.customers_content.index table tr.transcoding td {
  font-style:italic;
  color:green;
}
body.customers_content.index table tr.queued td {
  font-style:italic;
  color:blue;
}
body.customers_content.index table tr.failed td {
  font-style:italic;
  color:red;
}


body.dashboard.messages.details div#soundPlayerContainers {
  width:0px;
  height:0px;
  overflow:hidden;
}



#AddressBook {
  background:white;
}
table#AddressBook tr.pagination_links td {padding-top:0.5em;}

body.dashboard.content div.inlinePreview {
  width:700px;
  position:relative;
  padding:1em;
  margin:100px auto;
  background:white;
  z-index:1000;
}




/*Oversize files in the content list*/
div#filesList table tr.oversize td {
  color:red;
}

div#filesList table tr td p.download {
  margin:5px 0 0 0;
  padding:0;
  font-size:75%;
}





#welcome {}
#welcome h2 {
  color:#008000;
}
#welcome div.step {
  clear:left;
  margin-bottom:2em;
  padding-left:128px;
  min-height:128px;
  border:5px solid #EEEEEE;
}
#welcome div.step p {
  width:66%;
  color:#666666;
}
#welcome div.step.one {
  background:url(/images/welcome_page/contacts.png) center left no-repeat;
}
#welcome div.step.two {
  background:url(/images/welcome_page/content.png) center left no-repeat;
}
#welcome div.step.three {
  background:url(/images/welcome_page/mobiblast.png) center left no-repeat;
}
#welcome div.step.dashboard {
}



body.dashboard.services.index table.list.services tr td {
  font-size:110%;
  padding:10px;
}
body.dashboard.services.index table.list.services tr td.actions {
  font-size:100%;
  text-align:center;
}


body.home.about_us div#aboutUs p {
  line-height:150%;
  margin-bottom:2em;
}



#side_bar_links div.box_links a {
  display:block;
  width:116px;
  height:19px;
  font-size:12px;
  padding:5px 0 0 29px;
  margin:0px 0 0px 0;
  color:#F5792E;
  text-decoration:none;
  font-weight:normal;
}
#side_bar_links div.box_links a:hover {
  color:#F5792E;
}
#side_bar_links div.box_links a.sent_button:hover,
div.box_links a.sent_button {
  background:url(/images/sidebar_buttons/sent_button.gif) top left no-repeat;
}
#side_bar_links div.box_links a.outbox_button:hover,
div.box_links a.outbox_button {
  background:url(/images/sidebar_buttons/outbox_button.gif) top left no-repeat;
}
#side_bar_links div.box_links a.drafts_button:hover,
div.box_links a.drafts_button {
  background:url(/images/sidebar_buttons/drafts_button.gif) top left no-repeat;
}


#uploadFileContainer .fileSelector {
  float:left;
  clear:left;
  width:100%;
  margin-bottom:1em;
}


body.dashboard.content.index table.list th,
body.dashboard.content.index table.list td {border-left:none;border-right:none;}
body.dashboard.content.index p.fileTotals {float:right;color:#4C4C4C;}
body.dashboard.content.index table.list th a {color:white;}


body.dashboard.content fieldset.content_details p.type label,
body.dashboard.content fieldset.content_details p.mms_compatible label,
body.dashboard.address_book fieldset.contact p.handset label {
  padding-top:0.25em;
}
body.dashboard.content fieldset.content_details p.type img,
body.dashboard.content fieldset.content_details p.mms_compatible img,
body.dashboard.address_book fieldset.contact p.handset img {
  vertical-align:-25%;
}


body#admin.clients.edit div.selectedContent {padding-left:35.5%;padding-right:5em; margin-top:0;padding-top:0; font-style:italic; font-size:90%; color:#7B7B7B;}
body#admin.clients.edit div.selectedContent img {float:left; margin:-2px 0.5em 0 0;}

body#admin.api_report table.ApiPartnerReport td {color:#7F7F7F; padding:5px;}
body#admin.api_report table.ApiPartnerReport tr.viewed td {color:black; font-weight:bold;}