/* -------------------------------------------------------------------------------------------------
    Cascading StyleSheet
    PRINT
                                                                                                    */

@import "default.css";

/* -------------------------------------------------------------------------------------------------
    LAYOUT
                                                                                                    */

html                                {  }
body                                { background:#ffffff; color:#111111; font:70%/140% Tahoma, Verdana, Arial, Helvetica, sans-serif; }

#backgroundGradient                 {  }
#backgroundShadow                   {  }

#container                          { margin:0px auto; width:640px; }

#infobar                            { display:none; }
#infobar a                          {  }
#infobar a:hover                    {  }

#header                             { border-bottom:1px solid #111111; padding:10px 0px; }
#header #logo                       { float:left; margin-right:20px; margin-top:6px; }
#header h1                          {  }
#header h1 img                      { display:none; }
#header h1 span                     { color:#111111; font-size:130%; line-height:150%; }
#header address                     { font-style:normal; }

#languages                          { display:none; }
#languages a                        {  }
#languages a.active                 {  }
#languages a:hover                  {  }

#login                              { display:none; }
#login a                            {  }
#login a:hover                      {  }

#menu                               { display:none; }
#menu ul                            {  }
#menu li                            {  }
#menu a                             {  }

#menu a:hover                       {  }
#menu a.active                      {  }
#menu a.active:hover                {  }

#main                               { padding-bottom:20px; }

#submenu                            { display:none; }
#submenu ul                         {  }
#submenu li                         {  }
#submenu a                          {  }
#submenu a:hover                    {  }
#submenu a.active                   {  }
#submenu a.active:hover             {  }

#breadcrumbs                        { border-bottom:1px solid #111111; color:#111111; font-size:90%; margin-bottom:20px; padding:2px 5px; }
#breadcrumbs a                      { color:#111111; }
#breadcrumbs a:hover                {  }

#content                            { float:left; width:415px; }
#content .col1                      { display:none; }
#content .col2                      {  }
#content.large                      { float:left; width:640px; }
#content.large .col2                { float:right; width:640px; }

#sidebar                            { float:right; width:205px; }

#footer                             { border-top:1px solid #111111; font-size:90%; padding:5px; }
#footer .left                       { display:none; }
#footer .left a                     {  }


/* -------------------------------------------------------------------------------------------------
    HTML TAGS
                                                                                                    */

h2                                  { border-bottom:3px solid #c81414; color:#c81414; font-size:120%; padding:0px 10px 3px 10px; }
h3                                  { border-bottom:1px solid #d2d2d2; font-size:120%; font-weight:bold; margin-bottom:12px; padding-bottom:2px; }


/* -------------------------------------------------------------------------------------------------
    CLASSES
                                                                                                    */

.para                               { line-height:150%; padding:10px; text-align:justify; }
.paraGrey                           { border:1px solid #d2d2d2; line-height:150%; margin-top:1px; padding:10px; text-align:justify; }

.highlight                          { color:#c81414; }

.col1 .box                          {  }
.col1 .step1                        {  }
.col1 .step2                        {  }
.col1 .step3                        {  }
.col1 .stepPara                     {  }

.col1 .border                       {  }
.col1 .trackingDetails              {  }

.col1 .trackingDetails.row1         {  }
.col1 .trackingDetails.row2         {  }
.col1 .offline .trackingDetails.row1, .col1 .offline .trackingDetails.row2, .col1 .offline .row1 td, .col1 .offline .row2 td
                                    { color:#aaaaaa !important; }

.trackerLabelRed                    { background:#ffffff; border:1px solid #c81414; color:#ffffff; font-size:90%; overflow:hidden;
                                      padding:0px 6px 2px 6px; width:100px; -moz-border-radius:5px; -khtml-border-radius:5px; }
.trackerLabelRed a                  {  }
.trackerLabelYellow                 { background:#ffffff; border:1px solid #ffc814; font-size:90%; overflow:hidden;
                                      padding:0px 6px 2px 6px; width:100px; -moz-border-radius:5px; -khtml-border-radius:5px; }
.trackerLabelGreen                  { background:#ffffff; border:1px solid #32c832; font-size:90%; overflow:hidden;
                                      padding:0px 6px 2px 6px; width:100px; -moz-border-radius:5px; -khtml-border-radius:5px; }

.col2 .box                          { border:1px solid #d2d2d2; float:left;
                                      margin-right:10px; padding:12px 9px; width:180px; }
.col2 .box.last                     { margin-right:0px; }
.col2 .box .title                   { font-size:150%; font-weight:bold; padding-left:10px; }

.col2 .category                     { border:1px solid #d2d2d2; margin-bottom:15px; }
.col2 .category a                   { color:#111111; display:block; padding:10px; }
.col2 .category a.activation        {  }
.col2 .category a.tracker           {  }
.col2 .category a.groups            {  }
.col2 .category a.rights            {  }

.col2 .reportsIntro                 { font-size:120%; font-weight:bold; padding:40px; }
.col2 .reportsLoading               { font-size:120%; font-weight:bold; padding:40px; }
.col2 .reportsBar                   { border:1px solid #d2d2d2; display:block; height:10px; margin-top:2px; width:100px; }
.col2 .chart                        { height:300px; }

.col2 .testBox                      { border:1px solid #d2d2d2; padding:5px 10px 10px 10px; }

.col2 .network                      {  }
.col2 .network.step1                {  }
.col2 .network.step2                {  }
.col2 .network.step3                {  }
.col2 .network.step4                {  }
.col2 .network.step5                {  }

div.loading                         {  }
.screen                             { display: none; }


/* -------------------------------------------------------------------------------------------------
    LINKS
                                                                                                    */

a                                   { color:#c81414; text-decoration:none; }
a:hover                             { color:#111111; text-decoration:underline; }

a.black                             { color:#111111; }
a.black:hover                       { color:#c81414; }

a.saveLoginActive                   {  }
a.saveLogin                         {  }

a.checkbox                          {  }
a.checkbox.active                   {  }

a.previous                          { font-size:120%; font-weight:bold;
                                      line-height:150%; }
a.previous:hover                    { text-decoration:none; }
a.next                              { font-size:120%; font-weight:bold;
                                      line-height:150%; }
a.next:hover                        { text-decoration:none; }

a.forward                           {
                                       }
a.forward:hover                     {  }
a.shop                              {
                                       }
a.shop:hover                        {  }
a.tracking                          { display:block; font-weight:bold; padding:5px 0px 5px 0px; }
a.tracking:hover                    {  }
a.reports                           { display:block; font-weight:bold; padding:5px 0px 5px 0px; }
a.reports:hover                     {  }
a.settings                          { display:block; font-weight:bold; padding:5px 0px 5px 0px; }
a.settings:hover                    {  }

a.open                              { display:block; }
a.closed                            { display:block; }
.flipPara                           {  }

.view                               {  }
.edit                               {  }
.delete                             {  }
.excel                              {  }
.print                              {  }
.bubbles                            {  }
.phone                              {  }
.adminlogin                         {  }
.config                             {  }
.calendar                           {  }

.selectAll                          {  }
.selectAll:hover                    {  }

.sortAsc                            {  }
.sortDesc                           {  }

.rights_none                        {  }
.rights_read                        {  }
.rights_write                       {  }

.rights_none.light                  {  }
.rights_read.light                  {  }
.rights_write.light                 {  }

.rights_none.light:hover            {  }
.rights_read.light:hover            {  }
.rights_write.light:hover           {  }

.getPosition                        {  }
.activateTracking                   {  }
.deactivateTracking                 {  }

.getPosition:hover                  {  }
.activateTracking:hover             {  }
.deactivateTracking:hover           {  }

.disabled                           { color:#999999; text-decoration:line-through; }

.paginator a                        { border:1px solid #d2d2d2; color:#111111; margin-right:5px; padding:0px 6px 1px 6px; }
.paginator span.current             { border:1px solid #c81414; color:#c81414; margin-right:5px; padding:0px 6px 1px 6px; }


/* -------------------------------------------------------------------------------------------------
    FORMS
                                                                                                    */


input.default, select.default, textarea.default
                                    { border:1px solid #d2d2d2; border-left:3px solid #d2d2d2; color:#111111;
                                      font:100% Tahoma, Arial, Verdana, Helvetica, sans-serif; padding:1px 1px 1px 4px; }
select.default                      { margin-bottom:2px; padding:0px 0px 1px 0px; }
input.form-error, select.form-error, textarea.form-error
                                    { border:1px solid #c81414; border-left:3px solid #c81414; color:#111111; }

input.loading                       {  }

input.submit                        { border:1px solid #c81414; color:#c81414; cursor:pointer;
                                      font:bold 100% Tahoma, Arial, Verdana, Helvetica, sans-serif; padding:2px 12px 1px 12px; }
input.submit:hover                  { text-decoration:underline; }

input.login                         { color:#111111; width:108px; }
input.login.light                   { color:#8c8c8c; }
input.loginSubmit                   { font-size:90%; overflow:visible; padding:2px 12px 1px 12px; text-transform:uppercase; width:80px; }

input.cwFilter                      { margin-top:0px; padding-bottom:0px; }

div.required label                  { font-weight:bold; }
div.checkbox label                  { padding-top:0px; }
input.chkbox                        { margin-top:1px; }

fieldset                            { border:1px solid #d2d2d2; display:block; margin-bottom:15px; }
legend                              { color:#111111; }


/* -------------------------------------------------------------------------------------------------
    FLASH MESSAGES
                                                                                                    */

#flashMessage                       { border:2px solid #d2d2d2; margin-bottom:15px; padding:15px 15px 15px 100px; }
#flashMessage span                  { font-size:120%; font-weight:bold; line-height:150%; }

#flashMessage.saved                 {  }
#flashMessage.deleted               {  }

#flashMessage.info                  {  }
#flashMessage.error                 {  }
#flashMessage.warning               {  }


/* -------------------------------------------------------------------------------------------------
    TABLES
                                                                                                    */

th                                  { border-bottom:2px solid #d2d2d2; padding:2px 5px 3px 5px; }
tr.row td                           { padding:4px 5px; }
tr.row1 td                          { border-bottom:1px solid #d2d2d2; padding:4px 5px; }
tr.row2 td                          { border-bottom:1px solid #d2d2d2; padding:4px 5px; }
tr.rowGrey td                       { border-bottom:2px solid #d2d2d2; padding:4px 5px; }
tr.rowSum td                        { border-bottom:3px double #d2d2d2; border-top:1px solid #d2d2d2; padding:4px 5px; }
tr.line td                          { padding:2px 0px; }

tr.calendarHead td                  {  }
tr.calendarRow1 td                  {  }
tr.calendarRow2 td                  {  }

table.tracking td                   { font-size:90%; padding:0px; border-bottom:1px solid #d2d2d2; }

tr.row1 .trackerEditSubmenu         { background:#ffffff; border-bottom:1px solid #d2d2d2; left:-8px; padding:2px 8px; position:absolute; top:0px; width:199px; z-index:1000; }
tr.row2 .trackerEditSubmenu         { background:#ffffff; border-bottom:1px solid #d2d2d2; left:-8px; padding:2px 8px; position:absolute; top:0px; width:199px; z-index:1000; }


/* -------------------------------------------------------------------------------------------------
    JQUERY
                                                                                                    */

.cw-state-highlight                 { background:#c81414; display:block; height:15px; }


/* -------------------------------------------------------------------------------------------------
    COMPARISON
*/

#reportContainer h2
{
    border: none;
    color: #111111;
    font-size: 145.454545%;
    line-height: 1.25;
    margin: 24px 0px 12px 0px;
    padding: 0px;
}