.leftmarginlink { margin-left: 10px; }
.visualize { top: 10px; }


h2 { font-size: 18px; color: #222; font-weight: bold; padding-bottom: .25em; margin-bottom: 1em; border-bottom: 1px dotted #ff0052; }
h3 { font-size: 14px; color: #444; font-weight: bold; padding-bottom: .5em; margin-bottom: 1.35em; border-bottom: 1px dotted #ff0052; }




/* -------------------------------------------------------------- 
   Tickets
-------------------------------------------------------------- */
.ticket {
	padding: 3px 4px;
	text-align: right;
	color: #fff;
	font-size: 9px;
	display: inline;
	white-space: nowrap;
	width: 60px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.ticket.open { background-color: #F90; }
.ticket.closed { background-color: #999; }
.ticket.responded { background-color: #222; }



/* -------------------------------------------------------------- 
   Dashboard Tables
-------------------------------------------------------------- */
.support_table .full { width: 70%; font-size: 11px; }
.support_table .who { width: 30%; text-align: right; font-size: 10px; color: #999; }

.info_table .value { width: 25%; font-size: 18px; font-weight: bold; color: #222; }

.inbox_table .avatar { width: 60px; }
.inbox_table .full { width: 80%; font-size: 11px; }
.inbox_table .who { width: 20%;  text-align: right; font-size: 10px; color: #999; }

img.avatar_img
{
	width: 54px; 
	padding: 2px;
	border: 1px solid #CCC; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 

}

#welcome { margin-top: 1em; }
	#welcome table { margin-top: 2.5em; }

	
	


/* -------------------------------------------------------------- 
   Reports Page
-------------------------------------------------------------- */	
#big_stats 
{ 
	/* background: #f3f3f3;  */
	width: 100%; 
	padding: 0; 
	float: left; 
	margin-bottom: 1em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; 	
}

	*+html #big_stats { padding-bottom: 2em; }

.stat
{
	width: 29%;
	height: 90px;
	padding: 0 2%;
	float: left;
	position: relative;
	border-left: 1px dotted #ff0052;
	text-align: center;
}


.stat2
{
	width: 29%;
	padding: 0 0 20px 0;
	float: left;
	position: relative;
	text-align: center;
}
	*+html .stat { height: 100px; }

.stat:first-child { border: none;}

.stat h4, .stat2 h4
{
	padding: 0 0 2% 0;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #999;
	margin-bottom: 1.5em;
	letter-spacing: -0.5pt;
	width: 100%;
}

.stat .value, .stat2 .value
{
	font-size: 56px;
	font-weight: bold;
	color: #ff0052;
	line-height: 1em;
}

.stat .view_all, .stat2 .view_all
{
	font-size: 11px;
	position: absolute;
	right: 20px;
	bottom: 12px;
}

.report_chart { margin-top: 2em; }
.reports_table .value { width: 100px; text-align: right; }
	.reports_table .value span { background: #F90; font-size: 11px; font-weight: bold; color: #FFF; width: 40px; text-align: center;  padding: 3px 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
	
.reports_table td { padding: 5px; }

.participantes img{ margin-right: 3px; }
.participantes.last img{ margin-right: 0px; }

.textright {text-align: right;}
.textleft {text-align: left;}
.textcenter {text-align: center;}

.floatleft {float: left;}
.floatright {float: right;}

.hidden {display:none;}
.visible {display:block;}

/* BlockUI */
div.blockMsg {
    width:  60%;
    top:    30%;
    left:   30%;
    text-align: center;
    background-color: #000;
    border: 1px solid #ddd;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); 
    -moz-opacity:.80;
    opacity:.80;
    padding: 15px;
    color: #fff;
    font-size: 18px;
}

.embedContentRoll {
	position:absolute; 
	display:none; 
	width: 250px; 
	z-index:99; 
	right: 0px; 
	background-color: #fff;
	padding: 5px;
	border: 1px dotted #ccc;
}

#hand_cont{
	height:100px;
	width:95px;
}

.hand_over{
	background: url('../../img/back/hand.png') 0 -100px;
}
.hand {
	background: url('../../img/back/hand.png') 0 0;
}

.warningbox {
	width:16px; 
	margin-right:5px; 
	margin-top:3px;
}

.warningbox-right {
	width:16px; 
	margin-left:-10px; 
	margin-top:4px;
}

.minitext{
	font-size:11px;
	color: #777;
}

.minitext a {
	font-size:11px;
	color: #777;
	letter-spacing: 0pt;
	cursor: pointer;
	text-decoration: underline;
}

table#geodata{
	margin-top:5px;
	margin-bottom:8px;
	padding:0px 0px;
	width: 100%;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
}

table#geodata th
{
	padding: 0px 5px 12px 0px;
	font-weight: normal;
	font-size: 14px;
	color: #555;
	font-weight: bold;
}

table#geodata td
{
	padding: 7px 5px 7px 0px;
	color: #777;
	font-size:14px;
}


.reminder {
	padding: 5px 10px;
	border: 3px dotted #ff0052;
	width: 100%;
	margin-bottom: 15px;
	color: #777;
	text-align: justify;
}

.cleaninput{
	padding: 0px 0px;
	border: none;
}

li.emaillist{
	margin: 5px 0px 2px;
	padding: 0px;
	list-style: none;
	font-size: 12px;
}


ul.posts{
	margin: 0 auto 0 auto;
}

ul.posts li{
	margin: 0 0 30px;
	padding: 0px;
	list-style: none;
}

ul.posts li div.message{
	background: #fff;
	margin: 0px;
	list-style: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

ul.posts li div.message header{
	padding: 20px 20px 15px 30px;
  	border-bottom: 1px solid #edefed;
  	font-weight: bold;
  	color: #ff0052;
}

ul.posts li div.message section{
	padding: 20px 30px 10px;
	width: 90%;
}

ul.posts li div.message section div p{
	text-indent: none;
	word-wrap:normal;
	line-height: 30px;
	font-family: "freight-sans-pro",sans-serif;
	font-weight: 500;
	color: #555;
	word-wrap: break-word;
}

ul.posts li div.message footer{
	padding: 15px 30px;
  	border-top: 1px solid #edefed;
  	color: #bbb;
}


.campaigncard0 {
	
	margin:0px 10px 20px !important;

	background:
    radial-gradient(#383838 3px, transparent 4px),
    radial-gradient(#383838 3px, transparent 4px),
    linear-gradient(#484848 4px, transparent 0),
    linear-gradient(45deg, transparent 74px, transparent 75px, #585858 75px, #585858 76px, transparent 77px, transparent 109px),
    linear-gradient(-45deg, transparent 75px, transparent 76px, #585858 76px, #585858 77px, transparent 78px, transparent 109px),
    #484848;
    background-size: 109px 109px, 109px 109px,100% 6px, 109px 109px, 109px 109px;
    background-position: 54px 55px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;
}

.campaigncard0:hover {
	background:
    radial-gradient(#383838 3px, transparent 4px),
    radial-gradient(#383838 3px, transparent 4px),
    linear-gradient(#484848 4px, transparent 0),
    linear-gradient(45deg, transparent 74px, transparent 75px, #a4a4a4 75px, #a4a4a4 76px, transparent 77px, transparent 109px),
    linear-gradient(-45deg, transparent 75px, transparent 76px, #a4a4a4 76px, #a4a4a4 77px, transparent 78px, transparent 109px),
    #484848;
    background-size: 109px 109px, 109px 109px,100% 6px, 109px 109px, 109px 109px;
    background-position: 54px 55px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;

}

.campaigncard1 {
	
	margin:0px 10px 20px !important;

	background-color:#585858;
	background-image:
	radial-gradient(circle at 100% 150%, #484848 24%, #383838 25%, #383838 28%, #484848 29%, #484848 36%, #383838 36%, #383838 40%, transparent 40%, transparent),
	radial-gradient(circle at 0    150%, #484848 24%, #383838 25%, #383838 28%, #484848 29%, #484848 36%, #383838 36%, #383838 40%, transparent 40%, transparent),
	radial-gradient(circle at 50%  100%, #383838 10%, #484848 11%, #484848 23%, #383838 24%, #383838 30%, #484848 31%, #484848 43%, #383838 44%, #383838 50%, #484848 51%, #484848 63%, #383838 64%, #383838 71%, transparent 71%, transparent),
	radial-gradient(circle at 100% 50%, #383838 5%, #484848 6%, #484848 15%, #383838 16%, #383838 20%, #484848 21%, #484848 30%, #383838 31%, #383838 35%, #484848 36%, #484848 45%, #383838 46%, #383838 49%, transparent 50%, transparent),
	radial-gradient(circle at 0    50%, #383838 5%, #484848 6%, #484848 15%, #383838 16%, #383838 20%, #484848 21%, #484848 30%, #383838 31%, #383838 35%, #484848 36%, #484848 45%, #383838 46%, #383838 49%, transparent 50%, transparent);
	background-size: 100px 50px;
}

.campaigncard1:hover {
	background-image:
	radial-gradient(circle at 100% 150%, #585858 24%, #383838 25%, #383838 28%, #585858 29%, #585858 36%, #383838 36%, #383838 40%, transparent 40%, transparent),
	radial-gradient(circle at 0    150%, #585858 24%, #383838 25%, #383838 28%, #585858 29%, #585858 36%, #383838 36%, #383838 40%, transparent 40%, transparent),
	radial-gradient(circle at 50%  100%, #383838 10%, #585858 11%, #585858 23%, #383838 24%, #383838 30%, #585858 31%, #585858 43%, #383838 44%, #383838 50%, #585858 51%, #585858 63%, #383838 64%, #383838 71%, transparent 71%, transparent),
	radial-gradient(circle at 100% 50%, #383838 5%, #585858 6%, #585858 15%, #383838 16%, #383838 20%, #585858 21%, #585858 30%, #383838 31%, #383838 35%, #585858 36%, #585858 45%, #383838 46%, #383838 49%, transparent 50%, transparent),
	radial-gradient(circle at 0    50%, #383838 5%, #585858 6%, #585858 15%, #383838 16%, #383838 20%, #585858 21%, #585858 30%, #383838 31%, #383838 35%, #585858 36%, #585858 45%, #383838 46%, #383838 49%, transparent 50%, transparent);
	background-size: 100px 50px;

}

.campaigncard2 {
	
	margin:0px 10px 20px !important;

	background:
	radial-gradient(circle, transparent 20%, #383838 20%, #383838 80%, transparent 80%, transparent),
	radial-gradient(circle, transparent 20%, #383838 20%, #383838 80%, transparent 80%, transparent) 50px 50px,
	linear-gradient(#484848 8px, transparent 8px) 0 -4px,
	linear-gradient(90deg, #484848 8px, transparent 8px) -4px 0;
	background-color: #383838;
	background-size:100px 100px, 100px 100px, 50px 50px, 50px 50px
}

.campaigncard2:hover {
	background:
	radial-gradient(circle, transparent 20%, #484848 20%, #484848 80%, transparent 80%, transparent),
	radial-gradient(circle, transparent 20%, #484848 20%, #484848 80%, transparent 80%, transparent) 50px 50px,
	linear-gradient(#585858 8px, transparent 8px) 0 -4px,
	linear-gradient(90deg, #585858 8px, transparent 8px) -4px 0;
	background-color: #484848;
	background-size:100px 100px, 100px 100px, 50px 50px, 50px 50px

}



.campaigncard3 {
	
	margin:0px 10px 20px !important;

	background:
	radial-gradient(circle at 100% 50%, transparent 20%, rgba(82,82,82,.3) 21%, rgba(82,82,82,.3) 34%, transparent 35%, transparent),
	radial-gradient(circle at 0% 50%, transparent 20%, rgba(82,82,82,.3) 21%, rgba(82,82,82,.3) 34%, transparent 35%, transparent) 0 -50px;
	background-color: #383838;
	background-size:75px 100px;
}

.campaigncard3:hover {
	background:
	radial-gradient(circle at 100% 50%, transparent 20%, rgba(60,60,60,.3) 21%, rgba(60,60,60,.3) 34%, transparent 35%, transparent),
	radial-gradient(circle at 0% 50%, transparent 20%, rgba(60,60,60,.3) 21%, rgba(60,60,60,.3) 34%, transparent 35%, transparent) 0 -50px;
	background-color: #484848;
	background-size:75px 100px;

}


.message img {
        width: 100%;
}