body,html {
    margin:0;
    width:100%;
    height:100%;
    font-family:"menu", sans-serif;
    font-size:12px;
    }
.greytext {
    color:#999999;
    font-size:12px;
    }
.errortext {
    background:url("images/icons/32/error-exp.png") no-repeat scroll 0 0 #FFFFFF;
    padding:0 0 0 20px;
    color:#ff0000;
    }
span.errortext{
    margin:3px 0;
    padding:0 0 3px 21px;
}
.greentext {
    color:#00CC00;
    }
.greyborder {
    border:1px solid #999999;
    }
.helpbox {
    border:1px solid #999999;
    -moz-border-radius:1em;
    border-radius:1em;
    }
.hoverbox {
    position:relative;
    z-index:3;
}
.hoverbox span {
    display:inline;
}
.hoverbox span table {
    display:none;
    }
.hoverbox span:hover table {
    display:inline;
    position:absolute;
    background:white;
    border: 1px solid #dfdfdf;
    top:0px;
    right:50px;
    font-weight:normal;
    }      
.logindetails {
    border-left:1px solid #dfdfdf;
    border-top:1px solid #dfdfdf;
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
    background:#ffffff;
    }
a, a:link, a:visited, a:active, a:hover {
    border:0px;
    text-decoration:none;
    /*color:#000000;*/
    }
.camptab {
    /*background:url(/graphics/tabs/<? echo $_SESSION['graphics']->tabset ?>/<? echo $_SESSION['graphics']->campaigns ?>.gif);*/
    background-repeat:no-repeat;
    width:85px;
    height:33px;
    }
.tablerow:hover {
    background:url(/graphics/fades/greyfade.png);
    background-repeat:repeat-x;
    background-position:bottom;
    }
.summarytablerow {
    border-bottom: 1px dashed #dfdfdf;
    }
.quicklink {
    border: none !important; /*1px solid #dfdfdf;*/
    -moz-border-radius:1em;
    border-radius:1em;
    }

#loginForm .quicklink{
    border:1px solid #dfdfdf !important;   
}
    
.quicklink:hover {
    border: none !important; /*1px solid #999999; REPLACED WITH QUICKLINK_NEW ON CSS/DEFAULT.CSS */
    background: none !important; /*url(/graphics/fades/greyfade.png);*/
    background-repeat:repeat-x;
    background-position:bottom;
    -moz-border-radius:1em;
    border-radius:1em;
    }
.quicklinkheader {
    color:#000000;
    background:#dfdfdf;
    border:1px solid #999999;
    -moz-border-radius:1em;
    border-radius:1em
    }
.smalltext {
    color:#999999;
    font-size:10px;
    }
th.smalltext{
    vertical-align:middle;
}
.whitetext {
    color:#ffffff;
    font-size:10px;
    }
.tinytext {
    color:#999999;
    font-size:6px;
    }
img {
    border:0px;
    }
.error {
    border:3px solid #FF0000;
    background:#FFE2E2;
    background:url(/graphics/fades/redfade.png);
    background-repeat:repeat-x;
    background-position:bottom;
    font-family:"menu", sans-serif;
    font-size:12px;
    -moz-border-radius:16px;
    border-radius:16px;
    }
    
.error.noborder{
    border:0px solid #FF0000;
    background:#FFE2E2;
    background:url(/graphics/fades/redfade.png);
    font-family:"menu", sans-serif;
    font-size:12px;

}

.warning {
        border:3px solid #FFFF00 !important;
        background:#FFFFCC;
        background:url(/graphics/fades/yellowfade.png);
        background-repeat:repeat-x;
        background-position:bottom;
        font-family:"menu", sans-serif;
        font-size:12px;
        -moz-border-radius:16px;
        border-radius:16px;
        -webkit-border-radius:16px;
    }
.notice {
    border:3px solid #00CC00 !important;
    background:#CCFFCC;
    background:url(/graphics/fades/greenfade.png);
    background-repeat:repeat-x;
    background-position:bottom;
    font-family:"menu", sans-serif;
    font-size:12px;
    -moz-border-radius:16px;
    border-radius:16px;
    -webkit-border-radius:16px;
    
    }

.pagenotice{
    -moz-border-radius:10px;
}

.success {
    border:3px solid #00CC00;
    font-family:"menu", sans-serif;
    font-size:12px;
    width:100% !important;
    }
.submitButton {
    border-left:1px solid #99FF99;
    border-top:1px solid #99FF99;
    border-right:1px solid #00CC00;
    border-bottom:1px solid #00CC00;
    background:#ffffff;
    background:url(/graphics/fades/greenbuttonfade.png);
    background-repeat:repeat-x;
    background-position:bottom;
    color: #00CC00;
    font-weight:bold;
    width:200px;
    padding:3px;
    cursor: pointer;
    }
.submitButton:hover {
    border-right:1px solid #99FF99;
    border-bottom:1px solid #99FF99;
    border-left:1px solid #00CC00;
    border-top:1px solid #00CC00;
    background:url(/graphics/fades/greenbuttonfadeinvert.png);
    background-repeat:repeat-x;
    background-position:top;
    color: #00CC00;
    cursor: pointer;
    }
.editButton {
    border-left:1px solid #FFCCCC;
    border-top:1px solid #FFCCCC;
    border-right:1px solid #FF0000;
    border-bottom:1px solid #FF0000;
    background:#ffffff;
    background:url(/graphics/fades/redbuttonfade.png);
    background-repeat:repeat-x;
    background-position:bottom;
    color: #FF0000;
    font-weight:bold;
    width:200px;
    padding:3px;
    cursor: pointer;
    }
.editButton:hover {
    border-right:1px solid #FFCCCC;
    border-bottom:1px solid #FFCCCC;
    border-left:1px solid #FF0000;
    border-top:1px solid #FF0000;
    background:#ffffff;
    background:url(/graphics/fades/redbuttonfadeinvert.png);
    background-repeat:repeat-x;
    background-position:top;
    color: #FF0000;
    cursor: pointer;
    }
.swapbutton {
    border:1px solid #999999;
    background:url(/graphics/fades/greyfade.png);
    background-repeat:repeat-x;
    background-position:bottom;
    color: #999999;
    padding:1px;
    font-weight:bold;
    }
.swapbutton:hover {
    border:1px solid #999999;
    background:#999999;
    color: #ffffff;
    padding:1px;
    }
.logout {
    border-left:1px solid #FFCCCC;
    border-top:1px solid #FFCCCC;
    border-right:1px solid red;
    border-bottom:1px solid red;
    background:url(/graphics/fades/redbuttonfade.png);
    background-repeat:repeat-x;
    background-position:bottom;
    color: red;
    padding:3px;
    font-size:10px;
    }
.logout:hover {
    border-right:1px solid #FFCCCC;
    border-bottom:1px solid #FFCCCC;
    border-left:1px solid red;
    border-top:1px solid red;
    background:url(/graphics/fades/redbuttonfadeinvert.png);
    background-repeat:repeat-x;
    background-position:top;
    color: red;
    padding:3px;
    font-size:10px;
    cursor: pointer;
    }
.datafield {
    border:0px solid #999999;
    /*background:#f2f2f2;*/
    vertical-align:top;
    }
.datafield p {
    padding: 6px 0 0 0;
    margin: 0;
}
.errorfield {
    background:#ffff99;    
    vertical-align:top;
    }
.crumb {
    background:url(/graphics/fades/redfadeinvert.png);
    background-repeat:repeat-x;
    background-position:bottom;
    background:#FFE2E2;    
    font-weight:bold;
    }
.formbox {
    background:url(/graphics/fades/greylongfade.png);
    background-repeat:repeat-x;
    background-position:bottom;
    background:#ffffff;
    }
.labelfield {
    /*border:1px dotted #dfdfdf;*/
    /*background:#f2f2f2;*/
    text-align:right;
    padding:13px 0 0;
    font-weight:bold;
    vertical-align:top;
    }
.advancedlabelfield {
    /*border:1px dotted #dfdfdf;*/
    /*background:#f2f2f2;*/
    color: #999999;
    text-align:right;
    padding:13px 0 0;
    vertical-align:top;
    font-weight:bold;
    }
textarea, select, input {
    font-family:"menu", sans-serif;
    font-size:12px;
    }
.subsection {
    border:1px solid #dfdfdf;
    background:#ffffff;
    -moz-border-radius:1em;
    }
.highlighted {
    /*background:#dfdfdf;*/
    font-weight:bold;
    vertical-align:middle;
    }
.tabletitle {
    background:url(/graphics/fades/greyfade.png);
    background-repeat:repeat-x;
    background-position:bottom;
    padding:4px 0 !important;
    }
th.tabletitle{
    padding:8px !important;
}
.tabletitlesort {
    border-top:1px solid #999999;
    border-left:1px solid #999999;
    border-bottom:1px solid #dfdfdf;
    border-right:1px solid #dfdfdf;
    background:url(/graphics/fades/greyfadeinvert.png);
    background-repeat:repeat-x;
    background-position:top;
    padding:4px 0 !important;
    }
.lefttablecell {
    border-left:1px dotted #999999;
    border-bottom:1px dotted #999999;
    border-right:1px dotted #999999;
    /*background:#ffffff;*/
    }
.sublefttablecell {
    border-left:1px dotted #999999;
    border-bottom:1px dotted #999999;
    border-right:1px dotted #999999;
    color:#999999;
    /*background:#ffffff;*/
    }
.tablecell {
    border-bottom:1px dotted #999999;
    border-right:1px dotted #999999;
    /*background:#ffffff;*/
    }
.subtablecell {
    border-bottom:1px dotted #999999;
    border-right:1px dotted #999999;
    color:#999999;
    /*background:#ffffff;*/
    }
.lefttablecellsel {
    border-left:1px dotted #999999;
    border-bottom:1px dotted #999999;
    border-right:1px dotted #999999;
    background:#efefef;
    }
.tablecellsel {
    border-bottom:1px dotted #999999;
    border-right:1px dotted #999999;
    background:#efefef;
    }
.lefttablecelldisable {
    border-left:1px dotted #999999;
    border-bottom:1px dotted #999999;
    border-right:1px dotted #999999;
    color:#dfdfdf;
    }
.tablecelldisable {
    border-bottom:1px dotted #999999;
    border-right:1px dotted #999999;
    color:#dfdfdf;
    }
.detailcell {
    border-left:1px dotted #999999;
    border-right:1px dotted #999999;
    border-bottom:1px dotted #999999;
    }
.navsection {
    border-top:1px solid #dfdfdf;
    border-bottom:1px solid #dfdfdf;
    background:url(/graphics/fades/greyfade.png);
    background-repeat:repeat-x;
    background-position:bottom;
    }
.formsubsection {
    border:1px solid #dfdfdf;
    background:url(/graphics/fades/greyfade.png);
    background-repeat:repeat-x;
    background-position:bottom;
    -moz-border-radius:1em;
    }
.pending {
    color:#FFCC00;
    }
.live {
    color:#009900;
    }
.finished {
    color:#FF0000;
    }
.filter {
    background:url(/graphics/backgrounds/filter.png);
    background-repeat:repeat;
    width:100%;
    height:10000px;
    position:absolute;
    left:0;
    top:0;
    z-index:101;
    }
.piri_popup {
    border:3px solid #999999;
    background:#ffffff;
    width:50%;
    /*height:200px;*/
    position:fixed;
    left:25%;
    top:150px;
    padding:5px;
    z-index:101;
    -moz-border-radius:16px;
    -webkit-border-radius:16px;
    border-radius:16px;
    }
    
.piri_popup td, .piri_popup table{
    border:none;
    width:auto;
    margin:auto;
    vertical-align: middle;
}

.piri_popup td.greytext{
    padding-top:21px;
}
.detailscell {
    border:1px solid #dfdfdf;
    }
.reddynamicfield {
    border:1px solid #FF0000 !important;
    background:url(/graphics/fades/redbuttonfade.png) !important;
    background-repeat:repeat-x !important;
    background-position:bottom !important;
    padding:2px !important;
    /*width:100px;*/
    text-align:center;
    margin-right:2px;
    margin-bottom:2px;
    float:left;
    }
.greydynamicfield {
    border:1px solid #999999 !important;
    /*background:url(/graphics/fades/redbuttonfade.png);
    background-repeat:repeat-x;
    background-position:bottom;*/
    padding:2px !important;
    /*width:100px;*/
    text-align:center;
    margin-right:2px;
    margin-bottom:2px;
    float:left;
    }
.greendynamicfield {
    border:1px solid #00CC00 !important;
    background:url(/graphics/fades/greenbuttonfade.png) !important;
    background-repeat:repeat-x !important;
    background-position:bottom !important;
    padding:2px;
    /*width:100px;*/
    text-align:center;
    margin-right:2px;
    margin-bottom:2px;
    float:left;
    }
.conflictalert {
    margin-top:4px;
    float:left;
    }
.progress {
    width:0px;
    background:url(/graphics/fades/progressfade.png) !important;
    background-repeat:repeat-x;
    background-position:bottom;
    }
.editUnder {
    border:2px solid #00CC00;
    background:#ffffff;
    padding:3px;
    }
.editOver {
    border:2px solid #FF0000;
    background:#ffffff;
    padding:3px;
    }
.greyButton {
    border:2px solid #999999;
    background:#ffffff;
    color: #999999;
    font-weight:bold;
    padding:3px;
    width:150px;
    }
.greyButton:hover {
    background:#999999;
    color: #ffffff;
    width:150px;
    }
.chatbubbleuser {
    border:1px solid #999999 !important;
    padding:15px !important;
    background:url(/graphics/fades/greyfade.png) !important;
    background-repeat:repeat-x !important;
    background-position:bottom !important;
    -moz-border-radius:1em !important;
    word-wrap:break-word;
    }
.chatbubbleuserreply {
    border:1px solid #999999 !important;
    font-weight:bold !important;
    padding:15px !important;
    background:url(/graphics/fades/greyfade.png) !important;
    background-repeat:repeat-x !important;
    background-position:bottom !important;
    -moz-border-radius:1em !important;
    word-wrap:break-word;
    }
.chatbubbleresponder {
    border:1px solid #00CC00 !important;
    padding:15px !important;
    background:url(/graphics/fades/greenbuttonfade.png) !important;
    background-repeat:repeat-x !important;
    background-position:bottom !important;
    -moz-border-radius:1em !important;
    word-wrap:break-word;
    }
.chatbubbleignored {
    border:3px solid #FFFF00 !important;
    padding:15px !important;
    background:#FFFFCC !important;
    background:url(/graphics/fades/yellowfade.png) !important;
    background-repeat:repeat-x !important;
    background-position:bottom !important;
    -moz-border-radius:1em !important;
    word-wrap:break-word;
    }
.chatbubblenew {
    border:1px solid #999999 !important;
    padding:15px !important;
    background-repeat:repeat-x !important;
    background-position:bottom !important;
    -moz-border-radius:1em !important;
    word-wrap:break-word;
}
.topline {
    border-top:1px solid #999999;
    }
.livelefttablecell {
    border-left:1px dotted #999999;
    border-bottom:1px dotted #999999;
    border-right:1px dotted #999999;
    font-size:14px;
    /*background:#ffffff;*/
    }
.livetablecell {
    border-bottom:1px dotted #999999;
    border-right:1px dotted #999999;
    /*background:#ffffff;*/
    font-size:18px;
    }
.rate {
    background:url(/graphics/icons/ratenone.png) no-repeat;
    background-position:center;
    width:32px;
    height:32px;
    }
.rated {
    background:url(/graphics/icons/rate.png) no-repeat;
    background-position:center !important;
    }
.censor {
    background:url(/graphics/icons/censornone.png) no-repeat !important;
    background-position:center !important;
    width:32px;
    height:32px;
    }
.censored {
    background:url(/graphics/icons/censor.png) no-repeat !important;
    background-position:center !important;
    }
.censoredtablerow {
    background:url(/graphics/fades/redfade.png) !important;
    background-repeat:repeat-x;
    background-position:bottom !important;
    }
.helphighlight {
    background:url(/graphics/fades/redfade.png) transparent repeat-x !important;
    background-repeat:repeat-x !important;
    background-position:bottom !important;
}

.helphighlight td{
    background:url(/graphics/fades/redfade.png) transparent repeat-x !important;
    background-repeat:repeat-x !important;
    background-position:bottom !important;
}
.failed-dr {
    background:url(/graphics/fades/redfade.png) !important;
    background-repeat:repeat-x;
    background-position:bottom !important;
}
.successdr {
    background:url(/graphics/fades/greenfade.png) !important;
    background-repeat:repeat-x;
    background-position:bottom !important;
    }
.unknowndr {
    background:url(/graphics/fades/yellowfade.png) !important;
    background-repeat:repeat-x;
    background-position:bottom !important;
    }
.tweet {
    background:url(/graphics/fades/tweetfade.png) !important;
    background-repeat:repeat-x;
    background-position:bottom !important;
    }
.loginbutton {
    border:1px solid #00CC00;
    padding:5px;
    width:100px;
    background:url(/graphics/fades/greenbuttonfade.png) !important;
    background-repeat:repeat-x;
    background-position:bottom !important;
    -moz-border-radius:1em;
    }
#numofmsisdns_input{
    padding-top:13px;
    }


.tweet-button {
    font-weight: 300;
    font-size: 15px;
    padding: 6px 9px;
}
.button {
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #DDD url(/graphics/buttons/bg-btn.gif) repeat-x 0 0;
    border-color: #BBB #BBB #999;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    font: 12px/15px Helvetica Neue,Arial,"Lucida Grande",Sans-serif;
    margin: 0;
    overflow: hidden;
    padding: 5px 9px 5px 9px;
    text-shadow: 0 1px #F0F0F0;
    color: #333!important;
    -moz-box-shadow: 0 1px 0 #F8F8F8;
    -wekbit-box-shadow: 0 1px 0 #F8F8F8;
    box-shadow: 0 1px 0 #F8F8F8;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-bottom-left-radius: 4px 4px;
}

#spinner {
    padding-top: 8px; 
    padding-left: 6px;   
    clear: none;
    float: left;
    width: 20px;
    display: none;
}

#tweet {
    float: left;	
}

.invisible {
	display: none;
}

