@charset "utf-8";

/*************************************
 * GLOBAL CSS FILE FOR CONTROL PANEL *
 * Created 7th April 2009            *
 * Version 1.0 by Scott Freeman      *
 *************************************/

/* .videohelp {display:none !important;} */
/* hack to prevent this going live too soon */

body {
	height: 100%;
	overflow-y: scroll;
	margin: 0;
	padding: 0 0 20px;
	color: #333333;
	font: 13px/16px Tahoma, Arial, Helvetica, sans-serif;
	background: #ffffff;
}

a {
	color: #2020FF;
}

#header {
	background: #ffffff;
	border-bottom: 1px solid #dadada;
}

#canvas {
	padding: 20px 0;
	background: #f9f9f9;
}

#sidebar {
	width: 150px;
	float: left;
	margin: 0 20px 0 0;
}

#content {
	float: left;
	width: 790px;
	position: relative;
}

#iframecontent {
	background: #f9f9f9;
}

#footer {
	background: #ffffff;
	border-top: 1px solid #dadada;
	overflow: hidden;
	padding-top: 10px;
}

.container {
	width: 970px;
	margin: 0 auto;
	overflow: hidden;
}

.positive {
	float: right !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.positive input {
	font-weight: bold !important;
}

.negative {
	font-size: 10px;
	float: left !important;
	margin-left: 0 !important;
}

.positiveleft input {
	font-weight: bold !important;
}

.export {
	float: left;
}

.floatleft {
	float: left !important;
}

.floatright, .primaryaction {
	float: right !important;
}

/* Buttons */

.button-primary, .button-secondary, .button-action {
	background: transparent url(/res/images/button-background.png) repeat scroll left center;
	border: 1px solid #E3E3E3;
	color: #222222;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	display: block;
	float: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.button-primary span, .button-secondary span, .button-action span {
	border: 1px solid #fff;
	display: block;
	padding: 5px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}

.button-primary:hover,.button-secondary:hover, .button-action:hover {
	color: #000;
	border-color: #c3c3c3;
}

.button-secondary, .button-action {
	font-size: 12px;
	font-weight: normal;
}

.button-secondary span, .button-action span {
	padding: 2px 10px;
}

.button-sendedit {
	position:absolute;
	right:92px;
	top:4px;
}

p.buttons {
	margin: 12px 0;
	overflow: hidden;
	clear: both;
}

.inerbuttonrow {
	bottom:-40px;
	left:0;
	margin-bottom:5px;
	overflow:hidden;
	position:absolute;
}

.innerbuttonrow {
	padding: 15px 0 10px;
	overflow: hidden;
}

.buttonrow a.button-link {
	margin-right: 10px;
}

.buttonsfull span, .buttons span {
	border: 1px solid #cecece;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.buttonsfull input, .buttons input {
	background: url(/res/images/button-background.png) repeat left center;
	padding: 3px 10px;
	border: 0;
	cursor: pointer;
	color: #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.buttonsfull span:hover, .buttons span:hover {
	border-color: #aaa;
}

.buttons input.button-action {
	padding: 2px 6px;
	font-size: 14px;
	font-weight: bold;
}

.buttons input.button-primary {
	padding: 5px 10px;
	font-size: 18px;
}

.button-disabled {
	color: #666 !important;
	cursor: default !important;
	background: #ededed !important;
}

.positive .button-disabled {
	color: #666 !important;
	cursor: default !important;
}

.button-link {
	float: left;
	cursor: pointer;
}

.button-link span {
	border: 1px solid #fff;
}

.button-link:hover span {
	border: 1px solid #fff;
}

.logogfx {
	float: left;
}

.headerbuttons {
	margin-top: 30px;
	float: right;
	margin-bottom: 10px;
}

.headerbuttons a {
	margin-left: 10px;
}

.button-cancelmessage {
	font-size: 18px !important;
	font-weight: bold !important;
	color: #900 !important;
}

.button-cancelmessage span {
	padding: 5px 15px;
}

.button-sendmessage {
	color: #070 !important;
	font-weight: bold !important;
	font-size: 18px !important;
}

/* Confirmation messages */

.loading {
	background: url(/res/images/loading.gif) no-repeat center center;
	display: block;
}

.loading span {
	display: block;
	text-indent: -20000px;
}

.loadingspinner {
	background-image: url(/res/images/loadingspinner3.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.error {
	border: 1px solid #c00;
	padding: 5px 5px 5px 25px;
	background: url(/res/images/error.png) no-repeat 0 6px #ffffcc;
}

.error p {
	margin: 0;
	padding: 0;
}

.error span {
	font-weight: bold;
}

.error strong {
	font-weight: bold;
	font-size: 14px;
	display: block;
}

.warning {
	border: 1px solid #aa0;
	padding: 5px 5px 5px 25px;
	background: url(/res/images/warning.png) no-repeat 5px 6px #ffffcc;
}

.heartbanner {
	border: 1px solid #d44747;
	padding: 5px 5px 5px 25px;
	background: url(/res/images/heart.png) no-repeat 5px 6px #ffedec;
}

.hinttip {
	background: url(/res/images/info.png) no-repeat 0 0;
	padding-left: 20px;
}

.commenticon {
	padding-left: 20px;
	background: url(/res/images/comment.png) no-repeat 0 0;
}	

.hinttipbox {
	background: #e7f1fa url(/res/images/info.png) no-repeat 5px 5px;
	padding: 5px 25px;
	border: 1px solid #93B8D2
}

.charityhint {
	float: right;
	width: 400px;
	margin-left: 10px;
}

.messagenospace {
	margin: 0;
}

.messagenospace p {
	margin-top: 0;
}

.success {
	border: 1px solid #0a0;
	padding: 5px 5px 5px 25px;
	background: url(/res/images/tick.png) no-repeat 0 6px #ffffcc;
}

.success h2 {
	margin: 0;
	padding: 0;
	color: #0c0;
}

.success p {
	margin: 0;
	padding: 0;
}

.success span {
	font-weight: bold;
}

.success strong {
	font-weight: bold;
	font-size: 14px;
	display: block;
}

/* Forms */

form {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

form.general {
	width: 460px;
}

form.fullwidth {
	width: 790px;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

fieldset legend {
	font-weight: bold;
	padding-right: 5px;
}

fieldset div.hint {
	margin: 0 0 10px;
	width: 440px;
}

fieldset div.activationhint {
	background: url(/res/images/info.png) no-repeat 0 0;
	padding-left: 20px;
	color:#666666;
	margin: 5px 0 0 130px !important;
	width:280px;
}

fieldset div img {
	vertical-align: middle;
	margin-right: 5px;
}

fieldset div.hint p {
	margin: 0 0 10px 0;
}

fieldset div.buttons {
	width: 436px;
	overflow: hidden;
	margin: 10px 0;
}

div.formintro {
	width: 436px;
}

div .formintro p {
	margin-top: 0;
}

fieldset div.buttonsfull {
	overflow: hidden;
	margin: 10px 0;
}

form.import {
	overflow-x: scroll;
}

fieldset div.buttonsimport {
	width: 790px;
	margin: 10px 0;
}

div.errorhighlight {color:#c00;}

fieldset div.indent {
	border: 1px solid #E1E1E1;
	border-top: 0;
	margin-bottom:10px;
	overflow:hidden;
	padding:0 10px 10px 17px;
	width:407px;
	background: #fcfcfc;
}

fieldset div.indent div.indent {
	width:377px;
}

fieldset div.indent div.indent div.indent {
	width: 347px;
}

fieldset div.indent div.indent div.indent div.indent {
	width: 316px;
}

fieldset div.indent div.text input, fieldset div.indent div.text textarea {
	width: 254px;
}

div.text span {
	float: left;
	margin-top: 2px;
}

fieldset div.indent div.text select {
	width: 263px;
}

fieldset div.indent div.checkbox {
	width: 389px;
}

fieldset div.html {
	margin-top: 10px;
}

fieldset div.html textarea.html {
	height: 600px;
	width: 465px;
}

fieldset div.indent div.indent div.indent div.checkbox {
	width: 328px;
}

fieldset div.indent div.indent div.text label {
	width: 103px;
}

fieldset div.indent div.indent div.text input {
	width: 241px;
}

fieldset div.indent div.indent div.indent div.text input {
	width: 211px;
}

fieldset div.indent div.indent div.indent div.indent div.text input {
	width: 180px;
}

fieldset div.indent div.indent div.text select {
	width: 233px;
}

fieldset div.indent div.indent div.checkbox {
	width: 359px;
}

fieldset div label span#urlhttp, fieldset div label span#mmsurlhttp {
	padding-left: 49px;
	float: none;
}

fieldset div label span#premiumurlhttp {
	padding-left: 34px;
	float: none;
}

fieldset div.text, fieldset div.checkbox {
	overflow: hidden;
	margin-top: 10px;
	position: relative;
}

fieldset div.checkbox {
	background-color: #F2F2F2;
	border: 1px solid #E3E3E3;
	padding: 3px 10px 3px 5px;
	width: 419px;
}

form.fullwidth fieldset div.checkbox {
	width: 719px;
}

fieldset div.radiobox {
	background-color: #F2F2F2;
	border: 1px solid #E3E3E3;
	padding: 0 10px 0 5px;
	width: 419px;
	margin-top: 10px;
	overflow: hidden;
}

fieldset div.radiobox div {
	float: right;
	width: 285px;
	padding: 3px 0;
}

fieldset div.radiobox div label {
	margin-right: 20px;
}

fieldset div.text select#cardstartm, fieldset div.text select#cardstarty, fieldset div.text select#cardendm, fieldset div.text select#cardendy {
	width: 148px;
}

fieldset div.radiobox span {
	display:block;
	float:left;
	padding:3px 5px;
	width:110px;
}

fieldset div.radiobox input {
	vertical-align: text-bottom;
}

fieldset div.radiobox label {

}

fieldset div.text .tooltip {
	margin-top: 4px;
	position: absolute;
	right: 0;
}

fieldset div.checkbox .tooltip {
	margin-top: 2px;
}

fieldset div.text label {
	width: 120px;
	float: left;
	background-color: #f2f2f2;
	display: block;
	padding: 3px 10px;
	border: 1px solid #e3e3e3;
	font-weight: normal;
}

.text .slider {
	float:left;
	margin:5px 10px;
	width:212px;
}

.text .limitdisplay {
	margin: 2px 0;	
}

.text .hiddenfield {
	visibility: hidden;
	margin: 0;
	padding: 0;
	width: 0;
}

fieldset div.checkbox label {
	width: auto;
	float: left;
	display: block;
	padding-top: 1px;
	padding-left: 5px;
}

fieldset div.checkbox input {
	float: left;
}

fieldset div.text input, fieldset div.text select, fieldset div.text textarea, fieldset div.text span.file {
	width: 284px;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-size: 13px;
	border: 1px solid #e3e3e3;
	padding: 3px 5px;
	border-left: 0;
	outline: 0;
	float: left;
	margin: 0;
}

fieldset div.text select {
	padding: 2px 5px;
	width: 293px;
}

fieldset div.text input#file {
	width: auto;
	border: 0;
	padding: 0;
	background: #fff;
	margin-left: 10px;
}

fieldset div.text textarea {
	margin: 0 0 0 -1px;
	border: 1px solid #e3e3e3;
	width: 284px;
}

/* Header */

#header img {
	margin: 0;
	border: 0;
}

/* Navigation */

#navigation {
	margin: 0 0 12px;
	padding: 0;
	list-style: none;
	border: 1px solid #e3e3e3;
	border-bottom: 0;
}

#navigation li a {
	padding: 8px 0 8px 7px;
	display: block;
	color: #333333;
	text-decoration: none;
	cursor: pointer;
	background: #f0f0f0;
	border-bottom: 1px solid #e3e3e3;
}

#navigation li a:hover {
	color: #000;
	background: #e0e0e0;
}

/* Credit Balance */

.creditbalance {
	border: 1px solid #e3e3e3;
	padding: 10px;
	background-color: #f2f2f2;
	overflow: hidden;
	margin-bottom: 10px;
}

.creditbalance strong {
	display: block;
	font-weight: bold;
}

.creditbalance .creditbalancenumber {
	display: block;
	font-size: 30px;
	text-align: center;
	margin: 15px 0;
}

.creditbalance a {
	float: none;
	display: block;
}

.creditbalance a span {
	text-align: center;
}

.lowcredits {
	color: #660000;
}

.highcredits {
	color: #006600;
}

/* Content area */

h2 {
	font-size: 16px;
	margin: 0 0 12px;
	padding: 0;
}

/* Send message */

.headerwithbutton {
	display: block;
	overflow: hidden;
	clear: both;
}

.headerwithbutton h2 {
	float: left;
}

.headerwithbutton a {
	float: right;
}

.recepient {
	width: 381px;
	float: left;
}

.contactmanager {
	width: 790px !important;
}

#tabs {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	background: transparent url(/res/images/send-tabs.png) no-repeat scroll -210px 0;
}

.widetabs {
	background: transparent url(/res/images/send-tabs-wide.png) no-repeat scroll -210px 0 !important;
}

#tabs li {
	padding: 7px 0 8px;
	width: 74px;
	float: left;
	background: url(/res/images/send-tabs.png) no-repeat 0 0;
}

.widetabs li {
	width: 155px !important;
	background-image: url(/res/images/send-tabs-wide.png) !important;
}

#tabs li a {
	text-decoration: none;
	color: #333;
	display: block;
	text-align: center;
}

#tabs li a span em {
	font-style: normal;
	font-weight: bold;
}

#tabs li.tabs-selected {
	background-position: -240px 0;
}

#tabs li.tabs-selected a {
	font-weight: bold;
}

.tabs-container {
	border: 1px solid #e3e3e3;
	border-top: 0;
	background: #fff;
	padding: 10px;
	max-height: 410px;
	overflow-y: scroll;
	overflow-x: hidden;
	position: relative;
}

#sendtextmessage .tabs-container {
	padding: 10px 10px 0;
}

.tabs-hide {
	display: none;
}

.recepient .no-tabs {
	border: 1px solid #e3e3e3;
}

.recepient .tabs-hide {
	display: none;
}

.recepient #recepientlist {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid #e3e3e3;
	border-top: 0;
}

.recepient #recepientlist div {
	font-weight: normal;
	background: #f3f3f3;
	border-top: 1px solid #e3e3e3;
}

.recepient #recepientlist div.selected {
	background-color: #e3e3e3;
}

.recepient #recepientlist div.selected .recepientmembers {
	background-position: 0 -30px;
}

.recepient #recepientlist div.selected .recepientname {
	font-weight: bold;
}

.recepient .recepientmemberheader {
	height: 30px;
	overflow: hidden;
	position: relative;
	background-color: #f4f4f4;
}

.recepient .recepientradio, .recepient .recepientcheckbox {
	position: absolute;
	left: 5px;
	top: 7px;
}

.recepient .recepientname {
	position: absolute;
	top: 8px;
	left: 30px;
	width: 560px;
}

.recepient .recepientnamewide {
	width: 350px;
}

.recepient .recepientname a {
	color: #333;
	text-decoration: none;
}

.recepient .recepientname a:hover {
	text-decoration: underline;
}

.recepient .recepientname a.disabled {
	color: #999;
}

.recepient .norecepients {
	position: absolute;
	top: 8px;
	left: 5px;
}

.recepient .recepientcount {
	background: url(/res/images/send-numberingroup.png) no-repeat left center;
	padding-left: 20px;
	font-size: 10px;
	position: absolute;
	right: 65px;
	top: 8px;
	width: 40px;
	color: #333;
	text-decoration: none;
}

.icon-cog {
	background: url(/res/images/cog.png) no-repeat left center;
	width: 16px;
	height: 16px;
	position:absolute;
	right: 40px;
	top:7px;
}

.recepient small {
	position: absolute;
	right: 250px;
	top: 8px;
	width: 200px;
}

.recepient .stats {
	background: url(/res/images/stats.png) no-repeat left center;
	padding-left: 20px;
	position: absolute;
	right: 140px;
	top: 8px;
	width: 100px;
	color: #333;
	text-decoration: none;
}

.recepient .preview {
	background: url(/res/images/preview.png) no-repeat left center;
	padding-left: 20px;
	position: absolute;
	right: 85px; 
	top: 8px;
	width: 55px;
	color: #333;
	text-decoration: none;
}

.recepient .qrcode {
	background: url(/res/images/qrcode.png) no-repeat left center;
	padding-left: 20px;
	position: absolute;
	right: 0px; 
	top: 8px;
	width: 55px;
	color: #333;
	text-decoration: none;
}

#inboxes .icon-cog {
	right: 35px;
}

.icon-rss {
	background: url(/res/images/rssicon.png) no-repeat left center;
	width: 16px;
	height: 16px;
	position:absolute;
	right: 40px;
	top:7px;
}

.icon-rss span, .icon-map span {
	display: none;
}

#inboxes .icon-rss {
	right: 5px;
}

.icon-map {
	background: url(/res/images/map.png) no-repeat left center;
	width: 16px;
	height: 16px;
	position:absolute;
	right: 60px;
	top:7px;
}

#inboxes .recepientcount {
	right: 77px;
	width: 70px;
}

#groups .recepientcount {
	right: 0px;
}

#page-reports .recepientcount {
	background: url(/res/images/send-numberingroup.png) no-repeat left center;
	padding-left: 20px;
	color: #333;
	text-decoration: none;
}

.recepient .recepientmembers, .recepient .recepientmembersexpanded, .recepient .groupmembers {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 30px;
	background: url(/res/images/send-recepientmembers.png) no-repeat 0 0;
}

.recepient #recepientlist div .recepientmembersexpanded {
	background-position: 0 -60px;
}

.recepient #recepientlist div .groupmembersexpanded {
	background-position: 0 -30px;
}

.recepient #recepientlist div.selected .recepientmembersexpanded {
	background-position: 0 -90px;
}

.disabled {
	color: #999;
}

.cancelled {
	text-decoration: line-through;
}

.disabledicon {
	background: url(/res/images/stop2.png) no-repeat left center;
	padding-left: 20px;
	color: #333;
	left: 400px;
}

.expiredicon {
	background: url(/res/images/err.png) no-repeat left center;
	padding-left: 20px;
	left: 400px;
}

.expiringicon {
	background: url(/res/images/info.png) no-repeat left center;
	padding-left: 20px;
	left: 400px;
}

.mmsicon {
	background: url(/res/images/mms.png) no-repeat left center;
	padding-left: 20px;
	color: #333;
	left: 650px;
}

.smsicon {
	background: url(/res/images/sms.png) no-repeat left center;
	padding-left: 20px;
	color: #333;
	left: 650px;
}

.freesmsicon {
	background: url(/res/images/freesms.png) no-repeat left center;
	padding-left: 20px;
	color: #333;
	left: 650px;
}

.smspremiumicon {
	background: url(/res/images/smspremium.png) no-repeat left center;
	padding-left: 20px;
	color: #333;
	left: 650px;
}

.smsfreetext {
	background: url(/res/images/smsfreetext.png) no-repeat left center;
	padding-left: 20px;
	color: #333;
	left: 650px;
}

.smsirishicon {
	background: url(/res/images/smsirish.png) no-repeat left center;
	padding-left: 20px;
	color: #333;
	left: 650px;
}

.smscharityicon {
	background: url(/res/images/heart.png) no-repeat left center;
	padding-left: 20px;
	color: #333;
	left: 650px;
}

.smstbicon {
	background: url(/res/images/smstb.png) no-repeat left center;
	padding-left: 20px;
	color: #333;
	left: 650px;
}

.twisties h3.twist {
	cursor: pointer;
	margin-top: 10px;
	padding-left: 25px;
	background-image: url(/res/images/twistie.png);
	background-position: 3px -2px;
	background-repeat: no-repeat;
	font-size: 14px;
	border: 1px solid #E3E3E3;
}

.inboxesheader h3.twist {
	font-weight: bold;
	font-size: 12px;
}

.twisties h3.twist-down {
	background-position: 3px -33px;
	border-bottom: 0;
}

.twisties h3.twist span {
	font-size: 12px;
	font-weight: normal;
	float: right;
	position: absolute;
	right: 10px;
}

.twisties h3.disabled {
	background-image: url(/res/images/twistie-disabled.png);
}

.twisties .twistcontent {
	background: #fff;
	border: 1px solid #E3E3E3;
	padding: 5px;
	border-top: 0;
	overflow: hidden;
}

.twisties .twistcontent .buttons {
	clear: both;
	overflow: hidden;
}

.twisties .twistcontent .button-action {
	margin-right: 5px;
	margin-top: 3px;
}

.twisties .twistcontent .button-primary {
	margin-right: 5px;
}

.twisties .inboxrssicon {
	background: url(/res/images/rssicon.png) no-repeat 0 0;
	padding-left: 20px;
}

.twisties .inboxmapicon {
	background: url(/res/images/map.png) no-repeat 0 0;
	padding-left: 20px;
}

.twisties .inboxqrcodeicon {
	background: url(/res/images/qrcode.png) no-repeat 0 0;
	padding-left: 20px;
}


.renewlink {
	text-decoration: underline;
}

.recepient .recepientname a.button-action {
	position: absolute;
	top: -4px;
	right: 0;
}

.recepient .recepientmembers span, .recepient .groupmembers span {
	display: block;
	text-indent: -2000px;
}

.recepient table {
	margin: 0;
	clear: both;
	overflow: hidden;
	display: block;
	width: 340px;
}

.recepientmemberlist td {
	border-top: 1px solid #f1f1f1;
}

thead th {
	background-color: #f2f2f2;
	border-top: 1px solid #e3e3e3;
	padding-left: 2px;
}

.recepientmemberlist thead th {
	border-top: 0;
}

thead th a {
	display: block;
	color: #333;
	text-decoration: none;
}

thead th a.sorteddown span {
	background: url(/res/images/arrow_sort_down.gif) no-repeat right center;
}

thead th a.sortedup span {
	background: url(/res/images/arrow_sort_up.gif);
}

thead th a span {
	padding-right: 15px;
}

thead th a:hover span {
	background: url(/res/images/arrow_sort_down.gif) no-repeat right center;
}

th {
	text-align: left;
	padding: 5px 0;
}

.recepientmemberlist td, .recepientmemberlist th {
	padding: 3px 3px 3px 0;
	vertical-align: top;
}

.recepient .tabs-container .buttons {
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}

.contactfilter {
	color: #333333;
	font: 13px/16px Tahoma, Arial, Helvetica, sans-serif;
}

#messagedetails, #advancedoptions, #debuginfo, #sendbutton {
	width: 385px;
	margin-left: 20px;
}

#socialmedia {
	float: left;
	width: 380px;
	clear: left;
	margin-top: 20px;
	overflow: hidden;
}

#loadingarea {
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

#sendbutton {
	text-align: right;
}

.templatebuttons {
	float: left;
	margin: 0 0 0 10px;
	width: 140px;
}

.templatebuttons .button-action {
	margin-bottom: 5px;
	clear: both;
	width: 92px;
	display: block;
}

.templatebuttons .button-action span {
	width: 70px;
}

.messagebox {
	margin-bottom: 20px;
}

.messagebox .inner {
	padding: 10px;
	border: 1px solid #e3e3e3;
	border-top: 0;
	background: #fff;
}

.sendform h3 {
	background:transparent url(/res/images/send-header.png) no-repeat scroll 0 0;
	font-size:12px;
	font-weight:bold;
	margin:0;
	overflow:hidden;
	padding:5px 10px 7px;
	position:relative;
	border-size: 1px;
	border-width: 1px 1px 0;
	border-color: #e0e0e0;
	border-style: solid;
}

#twistiearea2 h3 {
	font-size: 14px;
}

#twistiearea2 .twistcontent {
	margin-bottom: 20px;
}

#advtwistie {
	background:transparent url(/res/images/send-header-twistie.png) no-repeat scroll 0 0;
	height:31px;
	position:absolute;
	right:0;
	top:0;
	width:35px;
}

.schedulecontrol {
	padding-top: 10px;
	margin: 0 !important;
}

.advtwistie-closed {
	background-position: 0 -31px !important;
}

.tabs-container .text, .tabs-container .checkbox, .messagebox .inner .text, .messagebox .inner .textarea {
	margin: 0 0 10px;
	clear: both;
	overflow: hidden;
}

.tabs-container .text label, .tabs-container .checkbox label, .messagebox .inner label {
	width: 75px;
	display: block;
	float: left;
	padding: 2px 0;
}

.tabs-container .checkbox label {
	width: auto;
	padding-right: 5px;
}

.tabs-container .text input, .tabs-container .checkbox input, .messagebox .inner input, .messagebox .inner select {
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-size: 13px;
	float: left;
	border: 1px solid #c6c6c6;
	width: 200px;
	padding: 2px;
}

.tabs-container .checkbox input {
	border: 0;
	width: auto;
}

.messagebox .inner input.checkbox {
	width: auto;
	border: 0;
}

.messagebox .inner input.disabled {
	cursor: default !important;
	background-color: #efefef !important;
}

.messagebox .inner textarea {
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-size: 13px;
	float: left;
	border: 1px solid #c6c6c6;
	width: 269px;
	padding: 2px;
	overflow-y: scroll;
	margin-right: 10px;
	word-wrap:break-word;
}

.messagebox .inner p.button {
	margin: 0 0 0 285px;
	padding: 0;
}

.messagebox #insertbuttons .button-action {
	margin-bottom: 5px;
	cursor: pointer;
}

.messagebox .inner p.button .button-action {
	margin-right: 0;
}

#remainingchars {
	border: 1px solid #e3e3e3;
	padding: 5px 5px 5px 25px;
}

.stageone {
	background: url(/res/images/info.png) no-repeat 5px 5px;
}

.stagetwo {
	background: #ddfbdc url(/res/images/info.png) no-repeat 5px 5px;
}

.stagethree {
	background: #fbf4dc url(/res/images/warning.png) no-repeat 5px 5px;
}

.stagefour {
	background: #fbdcdc url(/res/images/warning2.png) no-repeat 5px 5px;
}

.stagefive {
	background: #e56255 url(/res/images/stop.png) no-repeat 5px 5px;
}

#message-schedule, #message-validity {
	width: 147px;
	cursor: pointer;
	background: #ffffff url(/res/images/calendar.png) no-repeat 132px center;
}

#message-schedule-time, #message-validity-time, #message-segmented-time1, #message-segmented-time2 {
	width: 71px;
	margin-left: 5px;
	cursor: pointer;
	background: #ffffff url(/res/images/time.png) no-repeat 56px center;
}

#message-segmented-period {
	width: 65px;
	margin-left: 5px;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:12px;
	background: #fff;
}

#message-wapurl {
	width: 238px;
}

#groupcontacts {
	width: 790px;
	overflow: hidden;
	border: 1px solid #E3E3E3;
	border-width: 0 1px;
	margin: 0 0 12px;
}

#groupcontacts thead th {
	border-bottom: 1px solid #E3E3E3;
}

#groupcontacts td, #groupcontacts tbody th {
	padding: 5px 0;
	border-bottom: 1px solid #E3E3E3;
}

#groupcontacts tbody th, #groupcontacts tbody td {
	background: #fff;
	vertical-align: top;
}

.showdata tbody td {
	padding-right: 5px !important;
}

#groupcontacts tbody td.disabled {
	color: #aaa;
	text-decoration: line-through;
}

#groupcontacts tbody td.grey {
	color: #aaa;
}

#groupcontacts th input {
	margin: 4px;
	width: auto !important;
	border: 0 !important;
}

#groupcontacts tbody input {
	width: 100px;
	border: 1px solid #E3E3E3;
	padding: 3px 5px;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:13px;
}

.groupcontactssearch tbody input {
	width: 75px !important;
}

.groupcontactssearch tbody input.longer {
	width: 100px !important;
}

#groupcontacts tbody input.checkbox {
	width: auto;
	margin-right: 10px;
	border: 0;
}

#groupcontacts tbody td span.buttons {
	margin-left: 5px;
}

#groupcontacts tbody input.table-button {
	width: auto;
	border: 0;
	padding: 0;
}

#groupcontacts tbody input.table-button-search {
	width: 30px;
}

#groupcontacts tbody input.table-button-filter {
	width: 40px;
}

#groupcontacts td.buttons {
	background-color: #F2F2F2;
	padding: 5px;
}

#groupcontacts th.searchrow, #groupcontacts td.searchrow {
	background: #fafafa;
}

#groupcontacts th.searchrow input.short, #groupcontacts td.searchrow input.short {
	width: 40px;
}

#groupcontacts th.searchrow input.long, #groupcontacts td.searchrow input.long {
	width: 250px;
}

#groupcontacts th.searchrow input.medium, #groupcontacts td.searchrow input.medium {
	width: 200px;
}

#groupcontacts th.searchrow input.mediumLong, #groupcontacts td.searchrow input.mediumLong {
	width: 170px;
}

#groupcontacts td.lastrow {
	text-align: center;
	width: 30px;
}

#groupcontacts tbody td.lastrow span.buttons {
	margin-left: 0;
}

#groupcontacts #group-move {
	margin-left: 20px;
}

#groupcontacts td.buttons select {
	width: 150px;
	border: 1px solid #E3E3E3;
	padding: 3px 5px;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:13px;
	float: left;
	margin-right: 5px;
}

#groupcontacts tbody th.highlight, #groupcontacts tbody td.highlight, .highlight {
	background-color: #FFD;
}

tr.optout th, tr.optout td {
	background: #fafafa !important;
	border-top: 1px solid #c00 !important;
	border-bottom: 1px solid #c00 !important;
}

tr.optout th {
	border-left: 1px solid #c00 !important;
}

tr.optout td.lastrow {
	border-right: 1px solid #c00 !important;
}

tr.optout td input {
	color: #a00;
}

.deleteall {
	margin-top: 2px;
}

.deleteall input {
	font-size: 10px;
}

.recepient table#groupcontacts {
	display: table;
	clear:none;
	width:766px;
}

div.pagination {
	text-align: center;
	margin: 0 auto;
}

ol.pagination {
	margin: 0 auto;
	width: auto;
	padding: 0;
	list-style: none;
	overflow: hidden;
	clear: both;
	display: table;
}

ol.pagination li {
	float: left;
	display: block;
}

ol.pagination li.header {
	width: 100%;
	margin: 0 0 5px;
}

ol.pagination li a, ol.pagination li span {
	text-align: center;
	color: #333;
	text-decoration: none;
	display: block;
	width: 25px;
	line-height: 25px;
	margin: 0 5px 5px 0;
	border: 1px solid #e3e3e3;
}

ol.pagination li a.skiplink, ol.pagination li span.skiplink {
	text-align: center;
	color: #333;
	text-decoration: none;
	display: block;
	width: 50px;
	line-height: 25px;
	margin: 0 5px 5px 0;
	border: 1px solid #e3e3e3;
}

ol.pagination li span.skiplink, ol.pagination li span.dots {
	border: 0;
	color: #666;
}

ol.pagination li.current a, ol.pagination li.current span {
	font-weight: bold;
	border: 0;
}

ol.pagination li a:hover {
	border: 1px solid #aaa;
	background: #aaa;
	font-weight: bold;
	color: #fff;
}

ol.pagination li.current a:hover {
	border: 0;
	background: none;
	color: #333;
}

span.paginationtotal {
	text-align: center;
	color: #666;
	font-size: 10px;
	margin-bottom: 10px;
}

.grouplink {
	background: url(/res/images/send-numberingroup.png) no-repeat left center;
	padding-left: 20px;
	color: #333;
	text-decoration: none;
}

.contactlink {
	background: url(/res/images/send-contactlink.png) no-repeat left center;
	padding-left: 11px;
	color: #333;
	text-decoration: none;
}

#messagearea p {
	margin-top: 0;
}

/* Footer */

#footer p {
	font-size: 11px;
	color: #ddd;
	font-weight: normal;
	text-align: center;
	line-height: 13px;
}

#footer p a {
	color: #ddd;
}

.contactmanager .tabs-container {
	max-height: none;
	overflow-x: auto;
	overflow-y: auto;
}

div#TB_ajaxContent div.previewmessagecontainer {
	width: 441px;
	margin: 0 auto;
}

div.previewmessage {
	padding: 105px 39px 0;
	width: 352px;
	height: 273px;
	background: url(/res/images/handset-preview.png) no-repeat 0 0;
}

div.previewmessage .disabled {
	cursor: default !important;
	background-position: 0 -50px !important;
}

div.previewmessage #previousmessage{
	background:transparent url(/res/images/handset-preview-prev.png) no-repeat scroll 0 0;
	cursor:pointer;
	float:left;
	height:50px;
	left:15px;
	position:absolute;
	top:231px;
	width:50px;
}

div.previewmessage #nextmessage{
	background:transparent url(/res/images/handset-preview-next.png) no-repeat scroll 0 0;
	cursor:pointer;
	float:left;
	height:50px;
	right:15px;
	position:absolute;
	top:231px;
	width:50px;
}

div.previewmessagebuttons {
	margin-top: 20px;
}

table.previewmessage {
	margin: 0;
	padding: 0;
	width: 390px;
}

table.previewmessage th, table.previewmessage td {
	padding: 5px;
	vertical-align: top;
}

table.previewmessage .creditwarning {
	color: #c00;
	background: url(/res/images/error.png) no-repeat left center;
	padding-left: 25px;
}

div.previewmmstext {
	float:left;
	width:170px;
	height:100%;
	overflow:auto;
	word-wrap:break-word;
}
div.previewmmsmedia {
	float:right;
	width:165px;
}
div.previewmmsmedia img {
	border:1px solid #aaa;
	padding:2px;
	max-height:152px;
	max-width:152px;
}

#uploadfile,#copypastetext {
	overflow-y: hidden;
}

#uploadfile div.text label {
	width: 120px;
	background: #fff;
	border: 0;
}

#uploadfile div.text select {
	border: 1px solid #e3e3e3;
}

#uploadfile div.checkbox {
	background: #fff;
	border: 0;
	padding-left: 0;
}

#tab1 div.text label, #tab2 div.text label, #tab3 div.text label {
	width: 120px;
	background: #fff;
	border: 0
}

#tab3 div.text select {
	border: 1px solid #E3E3E3;
}

.import .checkbox {
	margin-top: 0;
	width: 773px;
}

.noteouter {
	clear:both;
	border: 1px solid #e3e3e3;
	width:580px;
	overflow: hidden;
}

.note {
	border:10px solid #FFFFFF;
	padding:10px;
	overflow: hidden;
}

.note ul.icons {
	margin-bottom: 0;
}

.fullwidth {
	width: auto;
}

.note h3 {
	margin: 0;
}

.withsidebar {
	float: left;
	width: 540px;
}

.sidebar {
	float: right;
	width: 250px;
}

.sidebar .paypal {
	text-align: center;
}

.sidebar .paypal a img {
	border: 0;
}

.icon-cog span {
	display: block;
	text-indent: -20000px;
}

.feedbackbutton {
	width:158px;
	margin: 10px auto 0;
}

.feedbackbutton a {
	display: block;
	height: 53px;
	overflow: hidden;
	outline: 0;
	background: url(/res/images/letusknow.png) no-repeat 0 0;
}

.feedbackbutton a span {
	display: block;
	text-indent: -20000px;
}

.feedbackbutton a:hover {
	background-position: 0 -52px;
}

.docsbutton {
	width:158px;
	margin: 10px auto;
}

.docsbutton a {
	display: block;
	height: 53px;
	overflow: hidden;
	outline: 0;
	background: url(/res/images/support.png) no-repeat 0 0;
}

.docsbutton a span {
	display: block;
	text-indent: -20000px;
}

.docsbutton a:hover {
	background-position: 0 -52px;
}

.replybutton {
	width:158px;
	margin: 10px auto 0;
}

.replybutton a {
	display: block;
	height: 53px;
	overflow: hidden;
	outline: 0;
	background: url(/res/images/dashreplies.png) no-repeat 0 0;
}

.replybutton a span {
	display: block;
	text-indent: -20000px;
}

.replybutton a:hover {
	background-position: 0 -52px;
}

.charitybutton {
	width:158px;
	margin: 10px auto 0;
}

.charitybutton a {
	display: block;
	height: 53px;
	overflow: hidden;
	outline: 0;
	background: url(/res/images/dashcharity.png) no-repeat 0 0;
}

.charitybutton a span {
	display: block;
	text-indent: -20000px;
}

.charitybutton a:hover {
	background-position: 0 -52px;
}

.manualbutton {
	width:158px;
	margin: 10px auto;
}

.manualbutton a {
	display: block;
	height: 53px;
	overflow: hidden;
	outline: 0;
	background: url(/res/images/manual.png) no-repeat 0 0;
}

.manualbutton a span {
	display: block;
	text-indent: -20000px;
}

.manualbutton a:hover {
	background-position: 0 -52px;
}

.livedemo {
	width:158px;
	margin: 10px auto;
}

.livedemo a {
	display: block;
	height: 53px;
	overflow: hidden;
	outline: 0;
	background: url(/res/images/livedemo.png) no-repeat 0 0;
}

.livedemo a span {
	display: block;
	text-indent: -20000px;
}

.livedemo a:hover {
	background-position: 0 -52px;
}

.twitterbutton {
	width:158px;
	margin: 10px auto;
}

.twitterbutton a {
	display: block;
	height: 53px;
	overflow: hidden;
	outline: 0;
	background: url(/res/images/twitter.png) no-repeat 0 0;
}

.twitterbutton a span {
	display: block;
	text-indent: -20000px;
}

.twitterbutton a:hover {
	background-position: 0 -52px;
}

.affbutton {
	width:158px;
	margin: 10px auto;
}

.affbutton a {
	display: block;
	height: 53px;
	overflow: hidden;
	outline: 0;
	background: url(/res/images/affiliate.png) no-repeat 0 0;
}

.affbutton a span {
	display: block;
	text-indent: -20000px;
}

.affbutton a:hover {
	background-position: 0 -52px;
}

.twitterbar {
	padding: 5px 0 10px;
	background: url(/res/images/twitter-logo-small.png) no-repeat 0 0;
}

.twitterbar a {
	color: #333;
	text-decoration: none;
}

.twitterbar a span {
	padding-left: 35px;
	color: #2020FF;
	font-weight: bold;
	float: none;
	margin: 0;
}

.twitterbar a:hover span {
	text-decoration: underline;
}

ul.icons {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	width: 540px;
	float: left;
}

ul.icons li {
	display:block;
	float:left;
	margin:0 20px 20px 0;
	width:250px;
}

ul.icons li a {
	padding-left: 60px;
	height: 55px;
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	color: #333;
	text-decoration: none;
	position: relative;
}

ul.icons li a:hover {
	background-position: 0 -350px;
}

ul.icons li a:hover span {
	text-decoration: underline;
}

ul.icons li a span {
	font-size: 14px;
	font-weight: bold;
}

ul.fullwidth {
	width: auto;
}

ul.fullwidth li {
	width: 240px;
}

.twistcontent ul.icons {
	margin: 15px 0 0 10px;
}

.twistcontent ul.fullwidth li {
	width: 235px;
}

div.twitterfriend {
	float: left;
	width: 190px;
	border: 2px solid #ccc;
	padding: 2px;
	margin: 2px;
}

div.twitterfriend img {
	float: left;
}

div.videohelp {
	right: 0;
	top: -18px;
	font-size: 10px;
	color: #666;
	position: absolute;
	background: url(/res/images/video-r.png) no-repeat center right;
}

div.videohelp a {
	padding: 15px 10px 8px 55px;
	display: block;
	background: url(/res/images/video-l.png) no-repeat center left;
	color: #666;
	text-decoration: none;
}

div.videohelp a:hover {
	color: #c00;
}

/* Navigation Selector */

body#page-dashboard #navigation li a.nav-dashboard {
	font-weight: bold;
	background-position: left bottom;
	background: #e4e4e4;
}

body#page-send #navigation li a.nav-sendmessage {
	font-weight: bold;
	background-position: left bottom;
	background: #e4e4e4;
}

body#page-conversations #navigation li a.nav-conversations {
	font-weight: bold;
	background-position: left bottom;
	background: #e4e4e4;
}

body#page-conversations-view #navigation li a.nav-conversations {
	font-weight: bold;
	background-position: left bottom;
	background: #e4e4e4;
}

body#page-conversations-new #navigation li a.nav-conversations {
	font-weight: bold;
	background-position: left bottom;
	background: #e4e4e4;
}


body#page-send-mms #navigation li a.nav-sendmmsmessage {
	font-weight: bold;
	background-position: left bottom;
	background: #e4e4e4;
}

body#page-settings #navigation li a.nav-settings {
	font-weight: bold;
	background-position: left bottom;
	background: #e4e4e4;
}

body#page-addons #navigation li a.nav-addons {
	font-weight: bold;
	background-position: left bottom;
	background: #e4e4e4;
}

body#page-docs #navigation li a.nav-docs {
	font-weight: bold;
	background-position: left bottom;
	background: #e4e4e4;
}

body#page-contactmanager #navigation li a.nav-contacts {
	font-weight: bold;
	background-position: left bottom;
	background: #e4e4e4;
}

body#page-reports #navigation li a.nav-reports {
	font-weight: bold;
	background-position: left bottom;
	background: #e4e4e4;
}

body#page-messages #navigation li a.nav-received {
	font-weight: bold;
	background-position: left bottom;
	background: #e4e4e4;
}

body#page-templates #navigation li a.nav-templates {
	font-weight: bold;
	background-position: left bottom;
	background: #e4e4e4;
}

body#page-pages #navigation li a.nav-pages {
	font-weight: bold;
	background-position: left bottom;
	background: #e4e4e4;
}

body#page-reseller #navigation li a.nav-reseller {
	font-weight: bold;
	background-position: left bottom;
	background: #e4e4e4;
}

body#page-affiliate #navigation li a.nav-affiliate {
	font-weight: bold;
	background-position: left bottom;
	background: #e4e4e4;
}

body#page-affiliate #navigation li a.nav-tickets {
	font-weight: bold;
	background-position: left bottom;
	background: #e4e4e4;
}

#navigation li a.nav-dashboard span {
	background: url(/res/images/icons/menu-dashboard.png) no-repeat 0 -16px;
	padding-left: 20px;
}

#navigation li a.nav-sendmessage span {
	background: url(/res/images/icons/menu-send.png) no-repeat 0 -16px;
	padding-left: 20px;
}

#navigation li a.nav-sendmmsmessage span {
	background: url(/res/images/icons/menu-sendmms.png) no-repeat 0 -16px;
	padding-left: 20px;
}

#navigation li a.nav-conversations span {
	background: url(/res/images/icons/menu-conversations.png) no-repeat 0 -16px;
	padding-left: 20px;
}


#navigation li a.nav-contacts span {
	background: url(/res/images/icons/menu-group.png) no-repeat 0 -16px;
	padding-left: 20px;
}

#navigation li a.nav-received span {
	background: url(/res/images/icons/menu-inbox.png) no-repeat 0 -16px;
	padding-left: 20px;
}

#navigation li a.nav-templates span {
	background: url(/res/images/icons/menu-templates.png) no-repeat 0 -16px;
	padding-left: 20px;
}

#navigation li a.nav-pages span {
	background: url(/res/images/icons/menu-pages.png) no-repeat 0 -16px;
	padding-left: 20px;
}

#navigation li a.nav-reports span {
	background: url(/res/images/icons/menu-reports.png) no-repeat 0 -16px;
	padding-left: 20px;
}

#navigation li a.nav-settings span {
	background: url(/res/images/icons/menu-settings.png) no-repeat 0 -16px;
	padding-left: 20px;
}

#navigation li a.nav-addons span {
	background: url(/res/images/icons/menu-addons.png) no-repeat 0 -16px;
	padding-left: 20px;
}

#navigation li a.nav-docs span {
	background: url(/res/images/icons/menu-docs.png) no-repeat 0 -16px;
	padding-left: 20px;
}

#navigation li a.nav-reseller span {
	background: url(/res/images/icons/menu-reseller.png) no-repeat 0 -16px;
	padding-left: 20px;
}

#navigation li a.nav-affiliate span {
	background: url(/res/images/icons/menu-affiliates.png) no-repeat 0 -16px;
	padding-left: 20px;
}

#navigation li a.nav-tickets span {
	background: url(/res/images/icons/menu-tickets.png) no-repeat 0 -16px;
	padding-left: 20px;
}


#navigation li a:hover span {
	background-position: 0 -16px;
}

body#page-dashboard #navigation li a.nav-dashboard span,
body#page-send #navigation li a.nav-sendmessage span,
body#page-contactmanager #navigation li a.nav-contacts span,
body#page-messages #navigation li a.nav-received span,
body#page-templates #navigation li a.nav-templates span,
body#page-pages #navigation li a.nav-pages span,
body#page-reports #navigation li a.nav-reports span,
body#page-settings #navigation li a.nav-settings span,
body#page-addons #navigation li a.nav-addons span,
body#page-affiliates #navigation li a.nav-affiliates span,
body#page-docs #navigation li a.nav-docs span {
	background-position: 0 -16px;
}

/* Debug */

#debug {
	background: #333;
	font-size: 12px;
	color: #eee;
	margin: 0 auto;
	width: 960px;
	padding: 5px;
	line-height: 12px;
}

#debug strong {
	display: block;
	padding: 0 0 1px;
	cursor: pointer;
}

#JT_arrow_left{
	background-image: url(/res/images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(/res/images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(/res/images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
	margin:0 0 12px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.tooltip {
	background:transparent url(/res/images/help.png) no-repeat scroll 0 0;
	cursor:help;
	display:block;
	float:left;
	height:14px;
	margin:5px;
	width:14px;
}

.documentation {
	margin: 0 20px 0 0;
}

.documentation dl {
	margin: 0 0 20px 20px;
	width: 520px;
}

.documentation dt {
	margin: 0;
	padding: 8px;
	width: 120px;
	float: left;
	display: block;
	font-weight: bold;
}

.documentation dd {
	margin: 0;
	padding: 8px 8px 8px 136px;
}

.documentation dl .alt {
	background-color: #e4e4e4;
}

.rssicon {
	background: url(/res/images/rssicon.png) no-repeat 0 0;
	border: 0 !important;
	padding: 5px 20px 0 0 !important;
	margin: 0 !important;
	display: inline !important;
	float: left;
	height: 12px;
}

.boxedout {
	clear:both;
	float:right;
	margin-top:30px;
	overflow:hidden;
	padding:10px;
	width:250px;
	border: 1px solid #e3e3e3;
}

.boxedout span {
	border: 0;
}

.pricestable {
	border: 1px solid #aaa;
	border-right: 0;
}

.pricestable thead th {
	border: 0;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

.pricestable td, .pricestable tbody th {
	width: 200px;
	background: #fff;
	padding: 5px;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
}

.uploadprogress {
	background: #ffffcc url(/res/images/loadingspinner2.gif) no-repeat 4px center;
	padding: 4px 4px 4px 25px;
	border: 1px solid #c00;
	font-weight: bold;
}

.offline .recepientname {
	background-image: url(/res/images/loadingspinner3.gif) !important;
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 20px;
}

.criticalerror {
	position: absolute;
	left: 25%;
	top: 25%;
	border: 5px solid #c00;
	background: #ffc;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
}

.blognews {
	margin: 0;
	padding: 0;
	list-style: none;
}

.blognews li {
	padding: 5px 0 5px 10px;
	background: url(../images/bullet-news.png) no-repeat left center;
}

.blognews li a {
	color: #333;
	text-decoration: none;
}

.blognews li a:hover {
	text-decoration: underline;
}

.mmsphoto {
	display: block;
	margin: 15px;
}

.mmsphoto img {
	border: 1px solid #aaa;
	padding: 2px;
}

.pagetemplates {
}

.pagetemplates td {
	margin: 5px 10px;
	padding: 10px 5px;
	display: block;
	float: left;
	border: 1px solid #e3e3e3;
	background: #fff;
	text-align: center;
	width: 160px;
}

.pagetemplates td img {
	border: 1px solid #e3e3e3;
	padding: 1px;
}

.pageTemplateFrame {
	position: relative; width:800px;
}
.pageTemplateContainer {
	border:1px solid #999;padding:10px 0;width:650px;overflow:hidden;
}
.pageTemplateHeader {
	border:0;margin:0 0 0 20px;padding:0;
}
.pageTemplateHeader li {
	width:590px;
}
.pageTemplateHeader li h2 {
	margin:3px 0;text-align:center;
}
.pageTemplateContainer #leftcol {
	width:210px;float:left;cursor:move;
}
.pageTemplateContainer #rightcol {
	width:350px;float:right;cursor:move;
}
.pageTemplateContainer ul {
	min-height:20px;border:1px dotted #c00;padding:0 10px;margin:10px;list-style:none;
}
.pageTemplateContainer ul.pageTemplateHeader {
	border: 0;
}
.pageTemplateContainer ul li {
	/*border:1px solid #aaa; background: #eee;*/
	padding:10px;margin: 10px 0;position: relative;
}
.pageTemplateContainer ul li span.editcontrols {
	position:absolute;right:5px;top:5px;
}
.pageTemplateContainer ul li span.editcontrols a.del {border:1px solid #f00;background:#a00;padding:5px;display:block;float:left;color:#fff;text-decoration:none;margin-right:5px;}
.pageTemplateContainer ul li span.editcontrols a.edit {border:1px solid #0f0;background:#0a0;padding:5px;display:block;float:left;color:#fff;text-decoration:none;}
.pageTemplateFrame .buttonrow {
	position: absolute;
	top: 0;
	right: 50px;
}
.pageTemplateFrame .buttonrow span.button-action {
	margin-bottom: 10px;
}

td#coltitle h1 {
	line-height:30px;
}

.newinbox .radio {
	margin-bottom: 24px;
}

.newinbox .radiobutton {
	float: left;
	width: 30px;
	text-align: center;
	display: block;
}

.newinbox .radiotext h3 span {
	font-size: 12px;
	color: #666;
	padding-left: 18px;
	font-weight: normal;
	background: url(/res/images/info.png) no-repeat 0 0;
	padding-bottom: 2px;
	margin-left: 5px;
}

.newinbox .radiotext {
	padding-left: 30px;
}

.newinbox .radiotext h3 {
	margin-bottom: 5px;
}

.newinbox .radiotext p {
	margin: 0 0 12px 0;
}

ul.conversations {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.conversations li {
	display: block;
	float: left;
	width: 120px;
	height: 85px;
	overflow: hidden;
}

ul.conversations li a {
	background: url(/reseller/icons/1/contact.png) no-repeat center top;
	display: block;
	width: 120px;
	height: 85px;
	text-align: center;
	padding-top: 55px;
	text-decoration: none;
	color: #333;
	position: relative;
}

ul.conversations li a:hover {
	background-position: center -350px;
	text-decoration: underline;
}

ul.conversations li a .unread {
	position: absolute;
	top: 0px;
	right: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: block;
	background: url(/res/images/unread.png) no-repeat 0 0;
	width: 20px;
	height: 20px;
	text-decoration: none;
	padding-top: 1px;
}

ul.conversations li a:hover .unread {
	color: #fff;
	text-decoration: none !important;
}

#convoarea {
	width: 100%;
	height: 450px;
	overflow: auto;
}

.convoitem {
	width: 771px;
	margin: 12px 0;
	overflow: visible;
	clear: both;
	background-image: url(/res/images/speechbubble-t.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.convoitem span {
	display: block;
	text-align: left;
	background-image: url(/res/images/speechbubble-b.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px 20px;
}

.convoitem p {
	margin: 0;
	padding: 10px 10px 5px;
}

.convoO {
	background-color: #b1e753;
}

.convoI {
	background-color: #d2d2d2;
}

.convoN {
	background-color: #e75353;
	color: #fff;
}

.convoO span {
	text-align: right;
	background-image: url(/res/images/speechbubble-bO.png);
}

.convoN span {
	color: #333;
}

#convospinner {
	float: right;
	width: 16px;
	height: 16px;
	margin-top: 20px;
}

.globaluniquecoding {
	background: url(/res/images/keyred.png) no-repeat 0 0;
	display: block;
	width: 16px;
	height: 16px;
	float: right;
	margin-right: 70px;
	margin-top: 8px;
}

.uniquecoding {
	background: url(/res/images/key.png) no-repeat 0 0;
	display: block;
	width: 16px;
	height: 16px;
	margin-right: 70px;
	margin-top: 8px;
	float: right;
}







.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(/res/images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: left; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }