/*********************************

	RESET (due to compatibility)

*********************************/
/*
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	margin:0;
	padding:0;
}
*/

fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}

/*********************************

	GENERAL

*********************************/

body {
	text-align:center;
	font-family:"Arial", Trebuchet MS, Verdana;
	font-size:100%;
	line-height:100%;
	color:#323232;
}

img {
	border:0px;
}

.widthWrap {
	width:640px;
	margin:0 auto;
	text-align:left;
}

.cl,
.clear {
	clear:both;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:0;
	padding:0;
}

.left {
	float:left;
}

.right{
	float:right;
}

/* TYPEFACE
*********************************/

a:link, a:active, a:visited {
}

a:hover {
	cursor:pointer;
}

h1 {
	color:#DD137B;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:-0.04em;
	height:auto;
	line-height:1em;
}

h2 {
	color:#DD137B;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:-0.04em;
}

h3 {
	color:#dd137b;
	font-size:90%;
}

h4 {
	font-size:14px;
	color:#343434;
	font-weight:bold;
	display:inline;
}

input {
	font-family:"Arial", Verdana, Tahoma;
}

/*********************************

	HEADER

*********************************/

div.header {
	width:100%;
	padding:20px 0;
	background:#eaeaea;
}

/*********************************

	CONTENT

*********************************/

div.content {
	width:100%
	padding:10px;
	
}

div.content-container {
	padding:10px;
	padding-bottom:opx;
	background:#fff;
}

div.content-step {
	background:white;
	padding:10px;
}

div.content-child,
div.step div.content-child {
	padding:10px;
	margin:0 0 10px 0;
}

/* LIST
*********************************/

div.list-container {
	padding:10px;
	background:#fff;
}

div.list-head {

}

div.list-element {
	margin:0 0 10px 0;
}

div.list-element h3 {
	float:left;
	margin:10px 0;
	width:100%;
	clear:both;
}

table.head,
table.list {
	width:100%;
	float:left;
	clear:both;
	border:1px solid #e8e8e7;
}

table.list tr,
table.head tr {
	border:1px solid #e8e8e7;
}

table.list td,
table.head td {
	height: 35px;
	vertical-align:middle;
	border:1px solid #e8e8e7;
}

table.head td {
	border:none;
	font-weight:bold;
}



/* ADDING / IMPORT OF CONTACTS
*********************************/

div.content-step div.title {
	width:100%;
	clear:both;
	color:#4B4B4B;
	background:transparent;
	padding:0;
	margin:0 0 5px 0;
	font-weight:bold;
}

div.content-step div.col label {
	font-weight:normal;
	margin:0 0 7px 0;
	text-transform:none;
	clear:both;
	display:block;
}

div.content-import div.inputdiv {
	width:84%;
	padding:0 1px 2px;
	border:1px solid #dddddd;
	background:#fff;
	margin:0;
}

div.content-import input,
div.content-import textarea {
	font-family:"Arial", Serif;
	line-height:1em;
	width:100%;
	border:none;
	outline:none;	
}

div.content-import select {
	width:94%;
	padding:1px 1px 0;
	border:1px solid #dddddd;
}

div.col14 div.inputdiv {
	width:65%;
}

div.col12 div.inputdiv {
	width:95%;
}

div.col65p div.inputdiv {
	width:94%;
}

div.last-content-import {
	margin:15px 0 0 0;
}


/* E-MOBILE CAMPAIGN
*********************************/

div.divider {
	margin:10px 0;
	background:#eaeaea;
	padding:10px;
}

/* TABS */

div.campaign-tabs {
	width:80%;
	clear:both;
	display:block;
	height:35px;
	font-size:14px;
}

a.tab {
	display:block;
	background:#cdcccc;
	color:#fff;
	float:left;
	height:25px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	width:50%;
	padding:10px 0 0 0;
	-webkit-border-radius: 10px 10px 0px 0px; /* for Safari */
    -moz-border-radius: 10px 10px 0px 0px; /* for Firefox */
    text-decoration:none;
}

a.tab:hover {
	background:#afafaf;
	text-decoration:none;
}

a.tab-active,
a.tab-active:hover {
	background:#DD137B;
}

a.createnew {

}

a.choosearc {

}

/* CONTAINER */

div.title {
	padding:2px;
	padding-right:5px;
}

div.number {
	
}

div.step {
	background:#efeeee;
	padding:10px;
}

/* CONTAINER - STEP1 - CREATE MESSAGE*/

div.step-createcam {
	padding:15px;
}

div.step fieldset,
div.step legend {width:100%;}

div.step label {
	margin:0 0 10px;
	font-weight:bold;
}

div.step label span {
	font-weight:normal;
}

div.step label,
div.step input,
div.step textarea {
	clear:both;
	display:block;
	
}

div.step div.inputdiv {
	width:96%;
	padding:7px;
	border:1px solid #dddddd;
	background:#fff;
	margin:0 0 10px;
}

div.step input.text,
div.step textarea {
	font-family:"Arial", Serif;
	line-height:1em;
	width:100%;
	border:none;
	outline:none;
}

/* CONTAINER - STEP1 - ARCHIVE */

div.archive-container {
	padding:10px;
}

div.archive-head {
	
}

div.archive-element {
	margin:0 0 10px 0;
}

div.archive-element h3 {
	float:left;
	width:100%;
	clear:both;
}

table.archive {
	width:100%;
}

table.archive tr {

}

table.archive tr.head {
	font-weight:bold;
}

table.archive td {
	height: 35px;
	padding-left:2px;
	padding-right:2px;
	vertical-align:middle;
}

/*
table.archive td.status {width:4%;}

table.archive td.title {width:34%;text-align:left;}

table.archive td.title input {display:inline-block;margin:2px 0 0 0;}
table.archive td.title label {display:inline-block;cursor:pointer;}

table.archive td.date {width:22%;}

table.archive td.subscribers {width:22%;}

table.archive td.actions {width:16%;}
*/
div.status {

}

/* CONTAINER - STEP2 */

div.content-child div.title {
	width:100%;
	clear:both;
	color:#dd137b;
	background:transparent;
	padding:0;
	margin:0 0 10px 0;
	text-transform:uppercase;
}

div.content-child div.title span {
	margin:0 0 0 10px;
	text-transform:none;
}

div.content-child select {
	width:95%;
	padding:1px;
	border:1px solid #dddddd;
}

div.content-child div.col div.age {
	width:44%;
	float:left;
}

div.content-child div.col div.to {
	width:12%;
	float:left;
	padding:2px 0 0 0;
	text-align:center;
}

div.content-child div.sum {
	float:right;
	font-weight:bold;
	color:#dd137b;
	margin:20px 0 5px 0;
	
}

div.content-child div.sum span {
	color:#4b4b4b;
	font-weight:normal;
	margin:0 8px 0 0;
	
}

div.content-child .margin {
	margin:0 0 10px 0;
}

div.step div.last-element {
	margin:0;
}

/* SEND NOW */

div.sendnow {
	margin:10px 0;
}

div.sumcontainer {
	padding:5px;
	background:#fff;
	float:left;
	-webkit-border-radius: 5px; /* for Safari */
    -moz-border-radius: 5px; /* for Firefox */
}

div.sumcontainer div.number {
	float:right;
	font-weight:bold;
	color:#DD137B;
	width:30px;
	text-align:center;
	font-size:18px;
}

div.sumcontainer div.text {
	float:right;
	font-weight:bold;
	font-size:12px;
}

/* ROWS & COLUMNS */

div.row {
	clear:both;
}

div.col {
	float:left;
}

div.col12 {
	width:65%;
}
div.col13 {
	width:33%;
}

div.col14 {
	width:33%;
}

div.col24p {
	width:24%;
}

div.col28p {
	width:28%;
}


div.col18 {
	width:12%;
}


div.col35p {
	width:35%;
}

div.col65p {
	width:65%;
}
div.col85 {
	width:85%;
}


div.col label {
	color:#4b4b4b;
	margin:0 0 10px 0;
	text-transform:uppercase;
}


/*********************************

	BUTTONS

*********************************/

input.button {
	background:#DD137B;
	color:#fff;
	padding:5px;
	font-weight:bold;
	border:none;
	cursor:pointer;
	-webkit-border-radius: 5px;    /* for Safari */
    -moz-border-radius: 5px;       /* for Firefox */
}

input.button:hover {
	background:#bf3a7b;
}

div.step input.savemsg {
	display:inline;
	clear:none;
	float:right;
	width:40%;
	margin:0 1px 0 0;
}

div.step input.reset {
	display:inline;
	clear:none;
	float:right;
	margin:0 5px 0 0;
	width:20%;
	
}

div.step input.sendnow {
	display:inline;
	clear:none;
	float:right;
	margin:0 5px 0 0;
	width:48%;
	height:50px;
}

div.content-import input.importcontact {
	display:inline;
	clear:none;
	float:right;
	width:100%;
	padding:3px 2px 2px;
	-webkit-border-radius: 0 3px 3px 0;
 	-moz-border-radius: 0 3px 3px 0;
}




/*********************************

	ICONS

*********************************/

a.icon,
div.icon {
	height:18px;
	display:inline-block;
	background:url(../images/icon-sprite.png) no-repeat 0px 0px;
	margin:4px 0 0 0;
	padding:0;
}

/* LIST ICON */

a.list {
	background-position:0px 0px;
	width:13px;
	cursor:default;
}

a.sent {
	background-position:-139px 0px;
	width:19px;
	cursor:default;
}

a.notsent {
	background-position:-120px 0px;
	width:19px;
	cursor:default;
}

/* VIEW ICON */

a.view {
	background-position:-53px 0px;
	width:27px;
}

a.view:hover {
	background-position:-53px -36px;
}


a.view-none {
	background-position:-53px -18px;
	width:27px;
	cursor:default;
}

/* EDIT ICON */

a.edit {
	background-position:-33px 0px;
	width:20px;
	margin:4px 6px 0 2px;
}

a.edit:hover {
	background-position:-33px -36px;
}

a.edit-none {
	background-position:-33px -18px;
	width:20px;
	margin:4px 6px 0 2px;
	cursor:default;
}

/* DELETE ICON */

a.delete {
	background-position:-104px 0px;
	width:16px;
}

a.delete:hover {
	background-position:-104px -36px;
}

a.delete-none {
	background-position:-104px -18px;
	width:16px;
	cursor:default;
}

/* GRAPH ICON */

a.graph {
	background-position:-13px 0px;
	width:20px;
}

a.graph:hover {
	background-position:-13px -36px;
}

a.graph-none {
	background-position:-13px -18px;
	width:20px;
	cursor:default;
}

/* RESEND ICON */

a.resend {
	background-position:-80px 0px;
	width:24px;
}

a.resend:hover {
	background-position:-80px -36px;
}

a.resend-none {
	background-position:-80px -18px;
	width:24px;
	cursor:default;
}

/* STEP 1 ICON */

div.step1 {
	margin:0;
	background-position:-158px 0px;
	width:18px;
	margin:0 10px -3px 0;
	display:inline-block;
}

/* STEP 2 ICON */

div.step2 {
	margin:0;
	background-position:-176px 0px;
	width:18px;
	margin:0 10px -3px 0;
	display:inline-block;
}


div.step3 {
	margin:0;
	background-position:-194px 0px;
	width:18px;
	margin:0 10px -3px 0;
	display:inline-block;
}

/*********************************

	SELECTBOXES

*********************************/

div.selectbox-wrapper {
    position:absolute;
    width:400px;
    background-color:white;
    border:1px solid #dddddd;
    margin:0px;
    margin-top:-1px;
    padding:0px;
    text-align:left;
   	overflow: auto;

}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.selectbox-wrapper ul li.selected { 
  background-color: #ffdbed;
}
div.selectbox-wrapper ul li.current { 
  background-color: #ffedf6;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:3px;
  cursor:pointer;
}

.selectbox1 {
  padding:3px 1px 0px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  width:auto;
  display: block;
  text-align:left; 
  background: url('../images/back-select.png') right;
  cursor: pointer;
  color:#333;
}

div.content-import input.selectbox1,
input.selectbox1 {
  border:1px solid #dddddd;
}

/*********************************

	FILE UPLOAD

*********************************/

div.fileinputs {
	position: relative;
	height:auto;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

div.fakefile input {
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

/*********************************

	FOOTER
	
*********************************/