/**********************************************************************/
                                             /*  FIXING STUPID STUFF  */

.content {
    margin:0;
    color:#000000;
    font-size:12px;
}


/**********************************************************************/
                                                    /*  GENERAL TEXT  */

.page ul {
    margin-left: 40px;
    list-style-type: square;
}

.page li {
}

.page h1,h2,h3,h4,h5,h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}


/**********************************************************************/
                                                     /*  BREADCRUMBS  */

.breadcrumb-bar {
    font-size: 9pt;
    border-bottom: solid #E8E8E8 1px;
    padding: 0px 4px 4px 4px;
    margin: 0px 0px 20px 0px;
    color: #888888;
}


.breadcrumb-bar a { color: #888888; }
.breadcrumb-bar a:hover { color: #00529C; }


/**********************************************************************/
                                                   /*  MESSAGE BOXES  */

.errorbox {
    padding: 7px 7px 7px 7px;
    margin: 2px 0px 2px 0px;
    border: 1px solid #FF0000;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #F2A9A5;
    text-align: center;
}


.messagebox {
    padding: 7px 7px 7px 7px;
    margin: 2px 0px 2px 0px;
    border: 1px solid #FF0000;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #F2F9A5;
    text-align: center;
}


.floatybox {
    padding: 7px 7px 7px 7px;
    margin: 2px 0px 20px 0px;
    border: 1px solid #999999;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #E8E8E8;
}


/**********************************************************************/
                                                        /*  QR CODES  */

.scannable {
    text-align: center;
}


/**********************************************************************/
                                         /*  DISPLAYING DATA RECORDS  */

.record {
    padding: 7px 7px 7px 29px;
    margin: 2px 0px 2px 0px;
    border: 1px solid #DDDDFF;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-repeat: no-repeat;
    background-position: 7px 5px;
}

.user { background-image: url('/static/core/icon_user.gif'); }
.tick { background-image: url('/static/core/icon_tick.gif'); }

/* \begin{bits that should be in the tcg app} */
.sim { background-image: url('/static/tcg/icon_sim.gif'); }
.simgroup { background-image: url('/static/tcg/icon_group.gif'); }
.call { background-image: url('/static/tcg/icon_call.gif'); }
.callplan { background-image: url('/static/tcg/icon_callplan.gif'); }
/* \end{bits that should be in the tcg app} */


.toolbar {
    padding: 7px 7px 7px 7px;
    margin: 2px 0px 2px 0px;
    border: 1px solid #00529C;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #F0F4FB;
}

.toolbar form { display: inline; }


.norecord {
    padding: 7px 7px 7px 7px;
    margin: 2px 0px 2px 0px;
    border: 1px solid #DDDDFF;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    text-align: center;
    font-style: italic;
}


/**********************************************************************/
                                                     /*  FORM FIELDS  */

.field .label {
    font-size: 150%;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 20px;
}

.field .description {
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    color: #777777;
}


.tool {
    display: inline;
}


.digit4 { width: 50px; text-align: center !important; }
.digit2 { width: 30px; text-align: center !important; }



/**********************************************************************/
                                                       /*  DEBUG BAR  */

.debug-banner {
    z-index: 200;
    position: fixed;
    width: 100%;
    background-color: #333333;
    color: #DDDDDD;
    opacity: 0.9;
}


.debug-tools {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}


.debug-tools p {
    margin: 8px 0px;
    font-size: 9pt;
}


.debug-tools img {
    margin: 0px;
}


.debug-tools a {
    color: white;
    border: solid gray 1px;
    padding: 4px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
}


.debug-tools a:hover {
    background-color: gray;
    color: black;
}


.debug-tools .group {
    margin: 0px 8px;
}


.debug-tools .icon {
    vertical-align: -3px;
}


.ontheleft { float: left; }
.ontheright { float: right; }


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

/* For dataTables jQuery plugin: */

.dataTables_filter {
    margin-bottom: 20px;
}
.dataTables_info {
    margin-top: 20px;
}

.uncontainer {
    /* like .container but stretches as wide as possible */
    margin-left: 15px;
    margin-right: 15px;
}

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

span.tag {
    border-radius: 4px;
    padding: 0px 8px 0px 8px;
}
span.pink.tag {
    color: #660011;
    background: #FFAAAA;
}
span.green.tag {
    color: #004400;
    background: #99FF99;
}
/**********************************************************************/
                                                           /*  <END>  */