body {
font-size:12px;
font-family: Helvetica, Arial,  sans-serif;
color:#FFFFFF;
height:100%;
width:100%;
background-color:#000000;
margin:0px;
padding:0px;
}

#sms-setup-left {
width:50%;
float:left;
}
#sms-setup-right {
width:50%;
float:left;
}
.loading{
background: url(images/ajax-loader.gif) no-repeat center;
}

h1{
font-family: Tahoma, Helvetica, Arial, sans-serif;
font-size:26px;
/*font-weight:bold;*/
font-weight:normal;
color: #676767;
}

h2{
font-family: Tahoma, Helvetica, Arial, sans-serif;
font-size:16px;
font-weight:bold;
}

h3{
font-family: Tahoma, Helvetica, Arial, sans-serif;
font-size:14px;
font-weight:bold;
/*color:#333333;*/
/*color: #676767;*/
margin:0px;
padding:0px;
}

h4{
  font-size: 18px;
  letter-spacing: 1px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
}

.clr {
clear:both;
}

a, a img {
border:none;
color:#FFFFFF;
text-decoration:none;
font-family: Tahoma, Helvetica, Arial,  sans-serif;
}

p {
text-align: justify;
}


div,hr {
margin:0px;
padding:0px;
}

hr.dotted {
  width: 100%;
  border: dotted #676767;
  border-width: 3px 0 0;
  height:0;
}

hr.dotted2 {
  width: 100%;
  border: dotted #676767;
  border-width: 1px 0 0px;
  height:4px;
}


a:hover {
color:#FF0000;
text-decoration:underline;
}
#webs {
width:125%;


}
#camps {
width:125%;


}
.element{

}
.red-links{
font-weight:bold;
color:#FF0000;

}
.red-links2{
font-weight:normal;
color:#AAAAAA;
font-size:12px;
}


ul{
list-style:none;
}
#container{
position:relative;
width:1000px; /* modified. original size 900px */
text-align:left;
}
/* top */
#top{
width:200px;
padding-bottom:10px;
background-color:#000000;
color:#000000;
}
/* left */
#left{
/* margin-left: 5px; */
margin-left: -15px;
float:left;
width:200px;
margin-right:10px;
margin-top:5px;
position:relative;
}
#menus {
padding-top:10px;
padding-bottom:10px;
padding-left:0px;
}
#admin, #traffic, #page {
padding-left:10px;
/*background-image:url('images/window.gif');*/
/*background-image:url('images/qlytics-menuheader-main.gif');*/
height:35px;
width:141px;
/*background-repeat:repeat-x;*/
}
#admin-menu {
padding-left:10px;
}
#admin-menu img{
/* min-height:10px;*/
}
#traffic-menu {
padding-left:10px;
}
#page-menu {
padding-left:20px;
/*padding-right:49px;*/
text-align: left;
width: 65%;
/*letter-spacing: 1px;*/
font-weight: normal;
}

#page-menu a {
  min-height: 25px;
  font-family: Tahoma, Arial, sans-serif;
  letter-spacing: 0px;
  text-transform: uppercase;
  text-align: right;
  font-size: 10px;
  padding-right: 0px;
  color: #676767;
}

#page-menu a:hover {
  color: #FFFFFF;
  text-decoration: none;
}


.hrmenu{
border-top:1px solid #ffffff;
border-bottom:none;
border-right:none;
border-left:none;
padding:0px;
margin:0px;
margin-top:2px;
}
.hrsubmenu{
border-top:1px solid #ffffff;
border-bottom:none;
border-right:none;
border-left:none;
padding:0px;
margin:0px;
margin-top:2px;
margin-left:-10px;

}
/* right */
#right{
float:left;
width:70%;
margin-left:10px;
margin-top:5px;
padding-top:2px;
position:relative;
}

#right-ie6 {
float:left;
width:70%;
/*
margin-left:10px;
margin-top:5px;
padding-top:2px;
*/
margin-top:-420px;
margin-left: 80px;
position:relative;

}

#contents-ie6 {
position:relative;
/*margin-top:0px;*/
/*padding:2px;*/
/*background-color:#FFFFFF;*/
background-color:#000000;
color:#FFFFFF;
padding-left:15px;
font-family: Tahoma, Helvetica, Arial;
}

#right-header{
position:relative;
background-image:url('images/window.gif');
background-repeat:repeat-x;
height:16px;
}
#contents {
position:relative;
/*margin-top:-20px;*/
/*padding:2px;*/
/*background-color:#FFFFFF;*/
background-color:#000000;
color:#FFFFFF;
padding-left:15px;
font-family: Tahoma, Helvetica, Arial;
}
.tbl-z {
  width: 800px;

}

.tbl-s-black{
background-color:#000000;
color:#ffffff;
width:200px;
}
.tbl-s-black table{
height:12px;
}
.tbl-s-grey{
background-color:#777777;
color:#ffffff;
width:200px;
text-align:right;
}

/* ---------- JB Table --------- */
table.tbl-chart {
    border: 1px 1px 1px 1px;
    border-spacing: 2px;
    border-color: grey;
/*    border-style: outset outset outset outset;*/
/*    border-style: inset inset inset inset;*/
/*    border-style: groove groove groove groove;*/
/*    border-style: dotted dotted dotted dotted;*/
/*    border-style: dashed dashed dashed dashed;*/
/*    border-style: ridge;*/
    border-style: none outset none outset;
    border-collapse: separate;
    background-color: #777777;
}

.tbl-header {
  	font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #777777;
    background-color: #111111;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
    width: 20px;
    font-size: 10px;
}

.tbl-head {
  	font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #777777;
    background-color: #111111;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
    width: 200px;
}

.tbl-head-name {
  	font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
/*	color: #4f6b72;*/
    color: #777777;
/*	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;*/
    background-color: #111111;
/*    background-color: #000000;*/
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
    width:200px;
}


.tbl-control {
  	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #676767;
/*    background-color: #ffffff;*/
    background-color: #000000;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
}
.ctrl {
  	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #676767;
/*    background-color: #ffffff;*/

}

td.normal {
	background-color: #000000;
	padding: 6px 6px 6px 12px;
	/*color: #4f6b72;*/
    color: #FFFFFF;

}
.small-normal{
background-color: #000000;
	padding: 6px 6px 6px 12px;
	/*color: #4f6b72;*/
    color: #FFFFFF;
    width: 20px;
}
.med-normal{
background-color: #000000;
	padding: 6px 6px 6px 12px;
	/*color: #4f6b72;*/
    color: #FFFFFF;
    width: 200px;
}


td.alt {
    /*background-color: #4f6b72;*/
	background-color: #222222;
  	padding: 6px 6px 6px 12px;
	/*color: #FFFFFF;*/
    color: #FFFFFF;

}
.small-alt {
    /*background-color: #4f6b72;*/
	background-color: #111111;
  	padding: 6px 6px 6px 12px;
	/*color: #FFFFFF;*/
    color: #FFFFFF;
    width: 20px;
}
.med-alt {
    /*background-color: #4f6b72;*/
	background-color: #111111;
  	padding: 6px 6px 6px 12px;
	/*color: #FFFFFF;*/
    color: #FFFFFF;
    width: 200px;
}
a.normal {
border:none;
color:#FFFFFF;
text-decoration:none;
font-family: Tahoma, Helvetica, Arial,  sans-serif;
}
a.normal-name {
border:none;
color:#FFFFFF;
text-decoration:none;
font-family: Tahoma, Helvetica, Arial,  sans-serif;
}
a.alt {
border:none;
color:#222222;
text-decoration:none;
font-family: Tahoma, Helvetica, Arial,  sans-serif;
}
a.alt-name {
border:none;
color:#222222;
text-decoration:none;
font-family: Tahoma, Helvetica, Arial,  sans-serif;
}
a.a-td-link {
border:none;
color:#FFFFFF;
text-decoration:none;
font-family: Tahoma, Helvetica, Arial,  sans-serif;
}

a.a-td-link a:hover {
color:#FF0000;
}

/* ------ End of JB Table ------ */

/* -------------- register forms ------------*/

.register-row{
width:100%;
margin:2px;
}
.register-label{
position:relative;
width:145px;
text-align:right;
font-weight:bold;
float:left;
padding-right:10px;
}
.register-label a{
color:#FF0000;
}
.register-text {
position:relative;
width:300px;
border:1px solid #000000;
background-color:#333333;
color:#FFFFFF;

}
.register-textarea {
position:relative;
width:300px;
border:1px solid #000000;
background-color:#333333;
color:#FFFFFF;

}
.register-text-others{
position:relative;
width:120px;
border:1px solid #000000;
/*background-color:#999999;*/
background-color: #333333;
color:#FFFFFF;
}
.other {
position:relative;
left:5px;
padding:0px;
margin:0px;
}
.error{
color:#FF0000;
padding-left:120px;
}
.submit-register {
background-color:#000000;
color:#FFFFFF;
border: inset 3px #555555;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 11px;
font-weight:bold;
float:left;
width: 150px;
padding: 3px 1px 3px 1px;
cursor:pointer;
}
.camp-select{
border:1px solid #333333;
/*background-color:#999999;*/
background-color:#333333;
color:#FFFFFF;
letter-spacing: 1px;
font-size: 11px;
}
/* -------------- /register forms ------------ */
/* ----------- login -------------*/
#login-header {
font-weight:bold;
font-size:14px;
color:#676767;
}
.login {
width:100%;
margin:2px;
}
.login-label{
position:relative;
width:100px;
text-align:left;
font-weight:bold;
float:left;
padding-right:10px;
}
.login-text{
position:relative;
width:240px;
border:1px solid #111111;
background-color:#333333;
color:#FFFFFF;

}
.red-link {
color:#FF0000;

}
/* ----------- login end --------- */
/* ------------- manage acc ------ */

.red-bold-link {
color:#ff0000;
font-weight:bold;
}

#manage-acc a:hover{
color:#777777;
text-decoration:underline;
}

#manage-acc td.normal a{
  color:#FF0000;
}

#manage-acc td.normal a:hover{
  color:#FFFFFF;
}

#manage-acc td.alt a{
  color:#FF0000;
}

#manage-acc td.alt a:hover{
  color:#FFFFFF;
}

#manage-acc th.tbl-control a{
  color:#676767;
}

#manage-acc th.tbl-control a:hover{
  color:#ffffff;
  text-decoration: none;
}


#camp-confirm{
padding-top:5px;
padding-bottom:10px;
}
.tbl-home-black{
background-color:#000000;
color:#ffffff;
width:100px;
}
.tbl-home-grey{
background-color:#777777;
color:#ffffff;
width:100px;
text-align:right;
}
.tbl-home-light{
background-color:#DDDDDD;
color:#ffffff;
width:100px;
text-align:right;
}
.confirm-camp {
font-weight:bold;
background-color:#000000;
padding:3px;
}

.web-header {
background-color: #000000;
}

.web-header-text {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 11px;
  color: #999999;
  padding-top: 9px;
  padding-bottom: 15px;
  padding-right: 12px;
  padding-left: 18px;
}


/* ------------- manage acc end --- */

.home-button{
height:14px;


float:right;
}
/* -------- campaign analytics ------*/
#camp-header {
font-size:16px;
font-weight:bold;
}
#calendars{
width:170px;
color:#FF0000;
position:relative;
float:left;
}
#calendars a{
font-weight:bold;
color:#333333;
}
#calendars a:hover{
font-weight:bold;
color:#ff0000;
text-decoration:underline;
}
#calendars td {
text-align:center;
}

#calendar{
width:100px;
color:#FF0000;
position:relative;

}
#calendar a{
font-weight:bold;
color:#333333;
}
#calendar a:hover{
font-weight:bold;
color:#ff0000;
text-decoration:underline;
}
#calendar td {
text-align:center;
}
#camp-details {
width:100%;
}
#camp-code {
width:150px;
float:right;
padding-right:10px;
}
#camp-code img {
width:140px;
height:140px;
}
#campaign-detail {
line-height:16px;
float:left;
width:340px;
padding-top:14px;
}

.tbl-weekly-black{
background-color:#000000;
color:#ffffff;
width:70px;
text-align:center;
}
.tbl-weekly-grey{
background-color:#777777;

color:#FFFFFF;
width:70px;
text-align:center;
font-weight:bold;
}
.tbl-weekly-light{
background-color:#AAAAAA;
color:#ff0000;
width:70px;
text-align:center;
font-weight:bold;
}
.code-pop {
height:180px;
width:180px;
text-align:center;
}
/* ----------- camp analytics end ---- */
/* --------------edit camp ------------*/
.edit-row{
width:500px;
}
.edit-label{
width:120px;
float:left;
}
.edit-text{
position:relative;
width:300px;
border:1px solid #000000;
background-color:#999999;
color:#FFFFFF;
}
/* -----------edit camp end------------*/
/* --- admin -------------------------*/

.tbl-adm-black{
background-color:#000000;
color:#ffffff;
width:100px;
}
.tbl-adm-grey{
background-color:#777777;
color:#ffffff;
width:100px;
text-align:right;
}
.tbl-adm-grey a{
color:#ff0000;

font-weight:bold;
}
.tbl-adm-light{
background-color:#AAAAAA;
color:#ff0000;
width:70px;
text-align:right;
text-align:center;
font-weight:bold;
}
.tbl-adm-light a{

color:#ff0000;
}
/* -------- admin end ----------------*/
/* ------- pop class ------------------- */
#popcontent {
background-color:#FFFFFF;
color:#000000;
padding:3px;
}
.pop-text{
position:relative;
width:170px;
border:1px solid #000000;
background-color:#999999;
color:#FFFFFF;
}
.pop-label{
position:relative;
width:55px;
text-align:left;
font-weight:bold;
float:left;
padding-right:10px;
color:#000000;
}
.pop-header {
background-color:#000000;
color:#FFFFFF;
margin-bottom:5px;
}
#privacy {
width:575px;
padding:5px;
background-color:#FFFFFF;
color:#000000;
}
#privacy a{
color:#FF0000;
}
#faq {
width:575px;
padding:5px;
background-color:#000000;
color:#FFFFFF;
}
#faq a{
color:#FF0000;
}
.faq-list {
list-style-type:disc;
}
.file-text {
color:#000000;
}

/*-------------pop class end ----------- */
/* ----- Add Media ----- */
.upload {
  display:none;
  position:relative;
  left:125px;
}
/* --------------------- */

/* ----- Main Page 2 ----- */
div.toplogin {
width:1024px;
height:48px;
background-image:url('images/qlytics-toplogin.gif');
}

div.toploggedin {
width:1024px;
height:48px;
background-image:url('images/qlytics-toploggedin.gif');

}

div.toplogin-empty {
width:1024px;
height:48px;
background-image:url('images/qlytics-toplogin-empty.gif');
}

div.toplogo {
width:1024px;
height:143px;
background-image:url('images/qlytics-toplogo.gif');
}

div.toplogo2 {
width:1024px;
/*height:143px;*/
height:2px;
background-image:url('images/qlytics-toplogo.gif');
}


div.bottomseparator {
background-image:url('images/qlytics-bottomlogo.gif');
width:1024px;
height:28px;
}


input.userfield {
border: none;
width:86px;
/*height:22px;*/
padding-top:4px;
padding-left:3px;
background-color:#000000;
background-image:url('images/qlytics-fieldbox.gif');
background-repeat:no-repeat;
color:#000000;
}

input.passfield {
border: none;
width:86px;
/*height:22px;*/
padding-top:4px;
padding-left:3px;
background-color:#000000;
background-image:url('images/qlytics-fieldbox.gif');
background-repeat:no-repeat;

color:#000000;
}

input.loginbutton {
border: none;
background-image:url('images/qlytics-loginbutton.gif');
width: 87px;
height: 47px;

}

img.logoutbutton {
border: none;
background-image:url('images/qlytics-logoutbutton.gif');
width:87px;
height:47px;
float: left;
/* margin-left:786px; */
margin-top: -45px;
margin-left: 786px;
}

div.loggedinmsg {
  float: right;
  position:relative;
  margin-top: 30px;
  margin-right: 260px;
  letter-spacing: 0px;
  text-transform: uppercase;
  text-align: left;
  color: #676767;

}

b.boldtoplogin {
  font-size: 12px;
  text-transform: none;
  letter-spacing: 1px;
  color: #AAAAAA;
}


div.userfield {
float: left;
position:relative;
border: none;
width: 88px;
height:22px;
margin-top:24px;
margin-left:350px;
}

div.passfield {
float: left;
position:relative;
border: none;
width:88px;
height:22px;
margin-top:24px;
margin-left:90px;
/*margin-left:680px;*/
}

div.loginbutton {
float: left;
position:relative;
width: 87px;
height: 47px;
/*margin-top:0px;*/
margin-left: 20px;
}

div.userfield2 {
float: left;
position:relative;
border: none;
width:88px;
height:22px;

margin-top:24px;
margin-left:95px;
}

div.passfield2 {
float: left;
position:relative;
border: none;
width:88px;
height:22px;
margin-top:24px;
margin-left:90px;
/*margin-left:680px;*/
}

div.loginbutton2 {
float: left;
position:relative;
width: 87px;
height: 47px;
/*margin-top:0px;*/
margin-left: 22px;
}

div.errormsg {
float: left;
position: relative;
margin-top:30px;
margin-left:150px;
}

div.errormsg2 {
float: left;
position: relative;
margin-top:30px;
margin-left:47px;
}

div.errormsg3 {
float: left;
position: relative;
margin-top:30px;
margin-left:47px;
}

div.errormsg4 {
float: left;
position: relative;
margin-top:30px;
margin-left:126px;
}

div.errormsg5 {
float: left;
position: relative;
margin-top:30px;
margin-left:15px;
}

div.errormsg6 {
float: left;
position: relative;
margin-top:30px;
margin-left:-50px;
}


div.logoutbutton {
float: left;
position: relative;
width: 87px;
height: 47px;
margin-left:786px;
}


/* ----------------------- */
div.submenudiv {
  min-height: 20px;
  font-family: Tahoma, Arial,  sans-serif;
  letter-spacing: 0px;
	text-transform: uppercase;
	text-align: left;
    font-size: 12px;
    font-weight: Bold;
    padding-left: 10px;
    padding-top:5px;
/*	padding: 6px 6px 6px 6px;*/
}

div.submenudiv a{
    color: #FF0000;
}

div.submenudiv a:hover {
  color: #FFFFFF;
  text-decoration: none;
}


div.submenudivbig {
  min-height: 45px;
}

/* ------------------------- */
a.submenu-main {
font-size:12px;
font-family: Tahoma, Arial,  sans-serif;
color:#FFFFFF;
height:100%;
width:100%;
margin:0px;
padding:0px;
}

/* -- Paging CSS -- */
.table-paging {
  text-align:center;
  text-transform: uppercase;
  letter-spacing:1px;
  color: #FFFFFF;
  font-weight:bold;
  font-size:15px;
}
.table-paging span {
  color: #676767;
  font-weight:normal;
font-size:12px;
}

.table-paging a {
  color: #676767;
  font-weight:normal;
font-size:12px;
}

.table-paging a:hover {
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
font-size:12px;
}

.table-paging a span {
  color: #676767;
font-size:12px;
}

.table-paging a:hover span {
    text-decoration: none;
    color: #ffffff;
font-size:12px;
}

/* -- End of Paging CSS -- */

/* -- JB's Form CSS for Add Campaign -- */

.jb-form-row {
  background-color: #090909;
}

.jb-form-label {
  float: left;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 10px;
  padding: 3px 0px 0px 12px;
  width: 200px;

}

.jb-form-description {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  padding: 3px 0px 6px 6px;
  color: #aaaaaa;
}

/* -- End of JB's Form CSS for Add Campaign -- */

/* -- JB's Edit Account -- */
.jb-edit-label {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 10px;
  padding: 6px 0px 6px 12px;
  background-color: #111111;
  color: #aaaaaa;
}

.jb-edit-field {
  letter-spacing: 1px;
  font-size: 12px;
  padding: 0px 0px 0px 12px;
  color: #ffffff;
  font-weight: lighter;
  margin-bottom: 6px;
}

.jb-edit-field2 {
  letter-spacing: 1px;
  font-size: 12px;
  padding: 3px 0px 6px 12px;
  color: #ffffff;
  font-weight: lighter;
  margin-bottom: 6px;
  width: 200px;     
}


/* -- End of JB's Edit Account -- */
.breadcrumb-nav a div{
  background-color: #111111;
}
.breadcrumb-nav a:hover div{
  background-color: #777777;
  color: black;
}

.detail-selector a .selector-indicator {
  visibility: hidden;
  font-size: 14px;
  font-weight: bold;
}


.detail-selector a {
  text-decoration: none;
  color: #777777;
}

.detail-selector a:hover span {
  text-decoration: none;
  color: white;
}

.detail-selector a:hover .selector-indicator {
  font-size: 14px;
  font-weight: bold;
  color: white;
}

.csv-link a {
  text-decoration: none;
}

.csv-link a .csv-text {
  padding: 2px 6px 2px 6px;
  border: 1px solid #111111;
}

.csv-link a .csv-icon {
  padding: 2px 6px 2px 6px;
  margin: 0;
  visibility: hidden;
  border: 1px solid #111111;
}

.csv-link a:hover .csv-text {
  text-decoration: none;
  color: white;
  border-top: 1px solid #777777;
  border-left: 1px solid #777777;
  border-bottom: 1px solid #777777;
}

.csv-link a:hover .csv-icon {
  text-decoration: none;
  color: white;
  border: 1px solid #777777;
  visibility: visible;
}

.chart-handset-title {
  padding: 6px 6px 3px 24px;
  font-weight: bold;
  text-align: left;
  letter-spacing: 1 px;
  font-size: 12px;
  color: #777777;
}

.carrier_down_arrow {
  display:inline;
}

.carrier_down_arrow a {
  background:transparent url(images/arrow_down_carrier_view.png) no-repeat top;
  display:block;
  float:left;
  height:9px;
  margin-right:15px;
  color: #eeeeee;
}

.carrier_down_arrow a:hover {
background-position:0px bottom;
text-decoration: none;
}

.carrier_up_arrow {
  display:inline;
}

.carrier_up_arrow a {
  background:transparent url(images/arrow_up_carrier_view.png) no-repeat top;
  display:block;
  float:left;
  height:9px;
  margin-right:15px;
  color: #eeeeee;
}

.carrier_up_arrow a:hover {
background-position:0px bottom;
text-decoration: none;
}