@charset "utf-8";
/* CSS Document 

Author: Jazmin Brooks
Date: August 2009

*/

/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, form,input,textarea {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    zoom:1;
}
/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */
html {
    height: 100%;
    padding:0;
    margin:0;
    padding-bottom:1px;
}

/*standard styles */

body {
    margin: 0;
    padding:0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:22px;
    color:#333333;
    background-color:#f2f6fb;
    min-height:100%;
}

p{
    margin-top:0;
    margin-bottom:15px;
}

a img{
    border:none;
}

img {
    /*display:block;*/
}
.clearfixplain {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clear{
    clear:both;
    height:0;
    overflow:hidden;
}
.left{
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}
.right{
    float:right;
    margin-left:10px;
    margin-bottom:10px;
}

h1 {
    line-height:normal;
    font-size:24px;
    font-weight:bold;
    color: #2e80d3;
    margin-bottom:15px;
}

h2 {
	line-height:normal;
	font-size:18px;
	font-weight:bold;
	color:#5d576a;
	margin-bottom: 15px;
    /*margin-top:10px;*/
}

h2 img {
    vertical-align: -10px;
}

h3{
    line-height:normal;
    font-size:18px;
    font-weight:bold;
    color:#8d3550;
    margin-bottom:10px;
}

a {
    color:#2e80d3;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

.orangeLink{
    color:#d3642e !important;
}

ul{
    padding:0;
    margin:30px 10px 10px 10px;
}
li{
    list-style: none;
    background: url(images/bullet.gif) no-repeat left 2px;
    padding-left: 20px;
    margin-bottom:10px;
    color:#5d576a;
}

label {
    cursor:pointer;
    color:#2e80d3;
}

.noBorder{
    border-style:none !important;
}

/*page structure*/

#header{
    background-image:url(images/header_bg.jpg);
    background-position:bottom;
    background-repeat:repeat-x;
    background-color:#f2f6fb;
    line-height:normal;
}

#headerInternal{
    width:960px;
    margin-left:auto;
    margin-right:auto;
}

#content{
    background-color:#FFF;
}

#contentInternal{
    width:920px;
    margin-left:auto;
    margin-right:auto;
    padding:20px;
}

#footer{
    background-image:url(images/footer_bg.jpg);
    background-position:top;
    background-repeat:repeat-x;
    padding-top:15px;
    padding-bottom:20px;
}

#footerInternal{
    width:960px;
    margin-left:auto;
    margin-right:auto;
}

/*detailed structure*/

#headerTop{
    width:922px;
    float:left;
    background-color:#e9e9e9;
}

#headerLogo{
    float:left;
}

#headerLogo img{
    display:block;
}

#loggedInOut{
	float:right;
	padding-top:7px;
	line-height:normal;
	padding-right:10px;
	text-align: right;
}

#footerBlurb{
    float:left;
    width:400px;
    padding-left:20px;
}

#footerCreatedBy{
	float:right;
	padding-right:20px;
	width: 400px;
	text-align: right;
}

/*menu*/

#menu{
    width:922px;
    float:left;
    background-image:url(images/menu_bg_off.jpg);
    background-repeat:repeat-x;
}

#menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#menu li {
    float: left;
    margin: 0;
    padding:0;
}

#menu li a {
    line-height: normal;
    float: left;
    display: block;
    color: #5d576a;
    text-decoration: none;
    text-align: center;
    padding:10px 20px;
    background-image:url(images/menu_bg_off.jpg);
    background-repeat:repeat-x;
    font-size:14px;
}

#menu li a:hover {
    background-image:url(images/menu_bg_on.jpg);
    background-repeat:repeat-x;
    color:#2e80d3;
}

#menu .menuActive a{
    background-image:url(images/menu_bg_on.jpg);
    background-repeat:repeat-x;
    color:#2e80d3;
}

/* Hide from IE5-Mac \*/
#menu li a {
    float: none
}
/* End hide */

/*classes used in all templates*/

.wideDivider{
    background-image:url(images/bg_wide_divider.jpg);
    background-repeat:no-repeat;
    padding-top:15px;
}

.twoColDivider{
    background-image:url(images/bg_line.gif);
    background-repeat:repeat-y;
    background-position:610px 0;
    padding-bottom:10px;
}

.simpleContent{
    padding-bottom:20px;
}

.leftWide{
    width:580px;
    padding-right:20px;
    padding-left:10px;
    float:left;
}

.rightSmall{
    width:300px;
    padding-left:10px;
    float:left;
}

.recentMsgs{
    padding-bottom:20px;
    padding-top:5px;
}

.smallcolDivider{
    margin-top:15px;
    padding-top:15px;
    background-image:url(images/smallcol_divider.gif);
    background-repeat:no-repeat;
}

/*buttons and icons*/

.btnFindout a{
    display:block;
    width:138px;
    height:26px;
    color:#FFF;
    font-weight:bold;
    line-height:normal;
    background-image:url(images/btn_findout.gif);
    text-align:center;
    font-size:14px;
    padding-top:7px;
    float:right;
}
.btnFindout a:hover{
    text-decoration:none;
    background-position:0 -33px;
}

.calendarDate{
    width:48px;
    height:50px;
    background-image:url(images/icon_calendar.gif);
    background-repeat:no-repeat;
    background-position:top left;
    float:left;
    margin-right:7px;
    line-height:normal;
}

.calendarDay{
    font-weight:bold;
    margin-top:17px;
    text-align:center;
    font-size:14px;
    line-height:14px;
}

.calendarMonth{
    font-weight:bold;
    text-align:center;
    font-size:9px;
}


/*text classes*/

.largeText{
    font-size:18px;
    color:#5d576a;
}

/*news items*/

.newsItem{
    margin-bottom:20px;
}

/*Login Nugget*/

#loggedInOut a, #loggedInOut label{
    font-size:10px;
}

#loggedInOut input{
    border:1px solid #e0e0e0;
    margin-right:5px;
    padding:2px 3px;
    font-size:11px;
    color:#5d576a;
}

#loggedInOut .button{
    border:none;
    margin-right:0;
    padding:0;
}

/*.btnLogin a{
	display:block;
	width:54px;
	height:15px;
	color:#FFF;
	line-height:normal;
	background-image:url(images/btn_login.gif);
	text-align:center;
	font-size:10px;
	padding-top:1px;
}

.btnLogin a:hover{
	text-decoration:none;
	background-position:0 16px;
}*/

/*submenu*/

#submenu{
    margin-bottom:20px;
}

/*dashboard*/

.internal .leftWide{
    padding-left:0;
    width:590px;
}

#dashboardLogo{
	width:220px;
	border:1px solid #e1d8f4;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	text-align: center;
	padding: 5px;
}

.btnRm a, .btnRm span, .btnAdd a, .btnAdd span {
    display:block;
    width:200px;
    height:23px;
    color:#5d576a;
    line-height:normal;
    background-repeat:no-repeat;
    font-size:14px;
    cursor:pointer;
    padding-top:5px;
    padding-left:40px;
    margin-bottom:10px;
}

.btnAdd a, .btnAdd span {
    background-image:url(images/btn_add.gif);
}
.btnAdd a:hover, .btnAdd span:hover{
    background-image:url(images/btn_add_on.gif);
}

.btnRm a, .btnRm span {
    background-image:url(images/btn_remove.gif);
}
.btnRm a:hover, .btnRm span:hover{
    background-image:url(images/btn_remove_on.gif);
}

/*App list*/

.smApp{
    margin-bottom:10px;
}

.smAppInternal{
    border-top:1px solid #e9e9e9;
    border-bottom:1px solid #e9e9e9;
    padding:5px;
    margin-top:5px;
}

.smAppInternal a:hover{
    text-decoration:none;
    color:#d3642e;
}

.smAppImg{
    border:1px solid #e1d8f4;
    width:100px;
    text-align:center;
    padding:10px 0;
    float:left;
    margin-right:20px;
}

.smAppImg img{
    display:inline;

}

.smAppMsg{
    float:left;
    line-height:normal;
    margin-right:20px;
    margin-top:10px;
}

.smAppMsg a{
    display:block;
    float:left;
    width:130px;
    text-align:center;
    cursor:pointer;
}

.msgBgRpt{
    background-image:url(images/messages_bg.gif);
    background-repeat:repeat-x;
    width:75px;
    margin-left:auto;
    margin-right:auto;

}
.msgBgL{
    background-image:url(images/mesaages_left.gif);
    background-repeat:no-repeat;
}
.msgBgR{
    background-image:url(images/messages_right.gif);
    background-repeat:no-repeat;
    padding-top:16px;
    padding-left:10px;
    padding-right:10px;
    height:34px;
    background-position:right 0;
    color:#fff !important;
    margin-bottom:2px;
}

.smAppReport{
    float:left;
    line-height:normal;
    display:block;
    width:130px;
    text-align:center;
    margin-right:20px;
    margin-top:10px;
}

.smAppReport img{
    display:inline;
    margin-bottom:2px;
}

.smAppEdit{
    float:left;
    line-height:normal;
    display:block;
    float:left;
    width:130px;
    text-align:center;
    margin-top:10px;
}

.smAppEdit img{
    display:inline;
    margin-bottom:2px;
}

/*client list*/

.clientSort{
    float:left;
}

.pagination{
    float: right;
    width: 200px;
	text-align:right;

}

.pagination img{
    float:right;
    margin-left:5px;
}

.paginationText{
	float:right;
	margin-left:5px;
}

.client {
    /*border-bottom:1px solid #e9e9e9;
    margin-top:15px;
    margin-bottom:15px;*/
}

.client a{
    display:block;
    background-image:url(images/bg_clientlist_off.gif);
    background-repeat:no-repeat;
    width:580px;
    float:left;
    color:#333;
    padding:5px;
    border-top:1px solid #e9e9e9;
    cursor:pointer;
}

.client a:hover{
    text-decoration:none;
    background-image:url(images/bg_clientlist_on.gif);
}

.client a:hover h2{
    color:#2e80d3;
}

  /*<div class="greenBorder" style="display: table; height: 400px;  #position: relative; overflow: hidden;">
    <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
      <div class="greenBorder" style=" #position: relative; #top: -50%">*/


.clientLogo{
    display:table;
    float:left;
    border:1px solid #e1d8f4;
    margin-right:15px;
    height: 90px;
    width:  110px;
    background-color: #ffffff;
    /* vertical-align hack for IE lte 7. IE8 needs no hack! wooo! */
    #position: relative;
}
.clientLogoInner {
    display:table-cell;
    vertical-align:middle;
    /* vertical-align hack for IE lte 7. IE8 needs no hack! wooo! */
    #position: absolute;
    #top: 50%;

}
.clientLogo img {
    /*display:block;*/
    /* vertical-align hack for IE lte 7. IE8 needs no hack! wooo! */
    #position: relative;
    #bottom: 50%;
}

.clientInfo{
    float:left;
}


.campaign {
    background: #ffffff url(images/bg_wide_divider.jpg) no-repeat;
    padding-left:10px;
	padding-top:10px;
}

/* campaign list item */

.campaign-item {
    border-bottom:1px solid #e9e9e9;
    margin-top:15px;
    margin-bottom:15px;
    /*outline:1px solid red;*/
}

.campaign-item a{
    /*outline:1px solid blue;*/
    display:block;
    background-image:url(images/bg_clientlist_off.gif);
    background-repeat:no-repeat;
    /*width:580px;
	float:left;*/
    overflow:hidden;
    color:#333;
    padding:5px 65px 5px 5px;
    border-top:1px solid #e9e9e9;
    cursor:pointer;
}

.campaign-item a:hover{
    text-decoration:none;
    background-image:url(images/bg_clientlist_on.gif);
}

.campaign-item a:hover h2{
    color:#2e80d3;
}

.campaign-item .logo{
    float:left;
    border:1px solid #e1d8f4;
    margin-right:15px;
}

.campaign-item .info{
    float:left;
}

.campaign-item .apps{
    /*outline:1px solid red;*/
    float:right;
    width: 150px;
    padding-top:15px;
}
.campaign-item .apps .app {
    float:left;
    position:relative;
    width: 32px;
    height: 32px;
    margin:5px;
}
.campaign-item .apps .app .clicks {
    /*position:absolute;
    top:0;
    left:0;*/
    color: #555555;
    text-align:center;
    font-weight:bold;
}

/*gallery*/

#miniGallery{
    border:1px solid #eaeaea;
    background-image:url(images/gallery_s_bg.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    margin-top:20px;
}

#miniGalleryNav {
    border-top:1px solid #eaeaea;
    padding:0 5px;
}

/*message list*/

.messages {
    border-bottom:1px solid #e9e9e9;
    margin-top:15px;
    margin-bottom:15px;
}

.messages h2{
	margin-bottom:10px;
}

.messagesBlock a {
    display:block;
    background-image:url(images/campaigns_bg.jpg);
    background-repeat:no-repeat;
    width:580px;
    float:left;
    color:#333;
    padding:5px;
    border-top:1px solid #e9e9e9;
    cursor:pointer;
    outline:none;
    min-height:150px;
    _height:150px;
}

.messagesBlock a:hover{
    text-decoration:none;
    background-image:url(images/campaigns_bg_on.jpg);
}

.messagesBlock a:hover .messagesStats{
    text-decoration:underline;
}

.messages a:hover .messagesText{
    color:#000;
}

.messagesText{
	margin-top:0;
	float:left;
	margin-bottom: 5px;
	clear: both;
	width: 500px;
}

.messagesApps{
	float:left;
}

.messagesApps .app {
    position:relative;
	float:left;
    height:32px;
    margin:5px;
    width:32px;
}

.messagesApps .app .clicks{
	color:#555555;
font-weight:bold;
text-align:center;	
}

.messagesPosted{
    float:left;
}

.messagesClicks{
	float:left;
	margin-left:20px;
	margin-bottom: 10px;
}

.messagesStats{
    float:left;
    margin-left:20px;
    color:#2e90d3;
}

/*.messages h2{
	float:left;
}*/

.messages a:hover h2{
    color:#2e80d3;
}

/*forms*/

.dividerBg{
    background-image:url(images/messages_off.gif);
    background-position:top center;
    background-repeat:no-repeat;
    border-top:1px solid #e9e9e9;
    border-bottom:1px solid #e9e9e9;
    margin-top:5px;
    margin-bottom:15px;
    padding:5px;
}

input, textarea{
    border:1px solid #d9d9d9;
    color:#5d576a;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    line-height:normal;
    padding:5px;
}
input[type=checkbox], input[type=radio] {
    border:none;
}
input[disabled] {
    background-color:#99bcdf; /*#f8f8f8;*/
    background-image:none;
}

.inputBtn{
    background-color:#3384d4;
    background-image:url(images/btn_bg.gif);
    background-position:top left;
    background-repeat:repeat-x;
    padding:3px;
    color:#fff;
    text-align:center;
    border:none;
    cursor:pointer;
    margin-right:10px;
}

.appInput {
    width: 300px;
}
textarea.appInput {
    height: 75px;
}
/*smtrac options*/

.options{

    margin-bottom:15px;
}

.options img{
    display:inline;
}

.options table{
    /*background-image:url(images/messages_off.gif);*/
    background-position:center 62px;
    background-repeat:no-repeat;
    margin-top:5px;
    margin-bottom:15px;
    padding:5px;
}

.options th{
    border-bottom:1px solid #e9e9e9;
    padding-bottom:5px;
    font-size:14px;
}

.options td{
    padding:7px 0;
    text-align:center;
    border-bottom:1px solid #e9e9e9;
}

.notCenter{
    text-align:left !important;
}

.noBtmBorder td{
    border-bottom:none;
}
select {
	border:1px solid #d9d9d9;
	color:#5d576a;
	font-size:12px;
	line-height:normal;
	padding:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.dashboardChartHolder {
    width: 260px;
    margin-right: 20px;
    float: left;
}
#applicationEdit .smapps{
    position:relative;
    /*margin:10px;*/
    display:inline;
    float:left;
    width:64px;
    height:64px;
    padding:6px 5px 0 5px;
    background-position:bottom center;
    background-repeat:no-repeat;
    background-color:#ffffff;
    border-radius: 8px;
    -o-border-radius: 8px;
    -moz-border-radius: 8px;
    /*border: 1px solid #ffffff;*/
    cursor:pointer;
}
#applicationEdit .smapps img {
    position: absolute;
    bottom:5px;
    right:5px;
}
#applicationEdit .selected {
    background-color:#d1e0ef; /*#478fd8;*/ /*#f2f2f2;*/
}
#applicaionEditLoader{
    z-index:600;
    overflow:visible;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    /*background-color:white;*/
    /*outline:1px solid red;*/
    /*padding:15px 0 15px 0;*/
    padding:0;
}
#applicationForm {
    margin-left:170px;
    padding:0 0 0 15px;
    max-height:350px;
    overflow:auto;
}
.KT_field_error, .form_validation_field_error_error_message {
    color:#dd0000;
    font-size:10px;
}.internal #content #contentInternal .twoColDivider .leftWide #form1 .KT_tngtable .KT_th {
	width: 160px;
	vertical-align: top;
}

#current-application-list {
    margin-top:10px;
    padding-left:10px;
}
#current-application-list li {
    margin:0;
    padding:8px 0 8px 35px;
}

.clientWrapper{
margin-top:10px;margin-bottom:10px;border-bottom:1px solid #e9e9e9;	
}

/*right menu*/

#rightMenu{
	float:none;
}

#rightMenu ul{
	list-style: none;
    padding: 0;
   margin: 0;

}

#rightMenu li{
	float: left;
    margin: 0;
	background-image:none;
	padding:0;
}

#rightMenu li a{
    display:block;
    width:240px;
    height:28px;
    color:#5d576a;
    line-height:normal;
    font-size:14px;
    cursor:pointer;
    margin-bottom:10px;
	background-image:none;
}

#rightMenu .paddingTop{
	margin-top:6px;
	float:left;
}

#rightMenu img{
	float:left;
	margin-right:10px;
}

#rightMenu li a:hover{
	text-decoration:underline;
	color:#d86e34;
}
#applications h2 {
	line-height:normal;
	font-size:18px;
	font-weight:bold;
	color:#5d576a;
	margin-bottom: 0px;
}


#domain-list {
    padding: 0;
    margin:0
}
#domain-list li {
    position: relative;
  
    background-image: url(/images/icon_domain.png);
    /*margin:0;
    padding:0;*/
}
#domain-list li img {
    display:none;
    position:absolute;
    right:3px;
    top:3px;
    cursor:pointer;
}
#domain-list li:hover {
    background-color:#d6e7f7;
}
#domain-list li:hover img {
    display:block;
}

#new-domain {
    background-image: url(/images/icon_domain_add.png) !important;
}
#domain-add {
    /*display:block;
    padding-left: 20px;
    background: url(/images/icon_domain_add.png) no-repeat left center;*/
}