/* ------------------------------- NEUTRAL/GREY STYLING ----------------------------------- */

/* general */
a {text-decoration:underline;outline:none;}
.zmb {background:#fff url(https://g.autorola.com/g/i/bg/grad_horz_01.gif) repeat-x top;}
.bor {border:2px solid #d9d9d9;}
.bb {border:2px solid #d9d9d9;}
.zlb {background:#fff;}



/* header */
.header {width:100%;}
.header .top {background:none;}
.header .top .col-logo {padding:8px 0 8px 0;}
.header .top .account .link a {text-decoration:underline;}

.header .menu {height:auto;background-color:#fff;clear:both;display:table;}

.header .tabs {height:27px;}
.header .tabs .active,.header .tabs .passive {height:27px;}
.header .tabs .active a,.header .tabs .passive a {
font-size:13px;
line-height:26px;
font-weight:600;
white-space:nowrap;
text-decoration:none;
padding:0 14px;
display:block;
border:none;
background:none;
}
.header .bar .sep {
font-size:0;
line-height:27px;
height:25px;
width:1px;
background-color:#fff;
background:url(https://g.autorola.com/g/i/bg/grad_horz_00.gif) no-repeat 0 0;
border:none;
}
.header .bar .niv2 a,.header .bar .niv2 a.active {
font-size:12px;
line-height:25px;
font-weight:600;
white-space:nowrap;
text-decoration:none;
padding:0 15px;
display:block;
border:none;
background:none;
}
.header .bar .niv2 a.passive {color:#666;}
.header .bar .niv2 a.passive:visited {color:#666;}
.header .bar .niv2 a.passive:active {color:#666;}
.header .bar .niv2 a.passive:hover {color:#ccc;background:none;}


/* box headers */
.row-12-T1 .border-12-TL {background:#e9f0fc url(https://g.autorola.com/g/i/bg/border_17_TL.gif) no-repeat top left;}
.row-12-T1 .border-12-TR {background:#e9f0fc url(https://g.autorola.com/g/i/bg/border_17_TR.gif) no-repeat top right;}
.row-12-M1 .border-12-ML {background:#e9f0fc url(https://g.autorola.com/g/i/bg/grad_horz_22.gif) repeat-x bottom left;border-left:1px solid #b1b1b1;}
.row-12-M1 .border-12-MR {background:#e9f0fc url(https://g.autorola.com/g/i/bg/grad_horz_22.gif) repeat-x bottom left;border-right:1px solid #b1b1b1;}
.row-12-M1 .border-12-MR div h1 {color:#000;font:bold 14px/18px arial,sans-serif;}
.row-07-M1 .border-07-ML,.row-07-M1 .border-07-MR,.row-12-M1 .border-12-ML,.row-12-M1 .border-12-MR {background-image:none;}

.slim-list-box-01 a.list,.slim-list-box-01 a.list-s {text-decoration:none;}


/* ------------------------------- Search Box Colors / Catbars ----------------------------------- */

.row-12-M2 .border-12-MR,
.listfilter {background-color:#e7e7e7;border-radius:5px;-webkit-border-radius:5px;}

.list-box-01 .catbar-01 td,
.list-box-02 .catbar-01 td {background-color:#e7e7e7;color:#666;vertical-align:bottom;height:37px;padding:0 8px 5px 8px;}
.list-box-08 .catbar-01 td {background-color:#e7e7e7;color:#666;vertical-align:bottom;height:32px;padding:5px 6px;font-size:11px;line-height:12px;}

.list-box-02 .catbar-01 a,
.list-box-08 .catbar-01 a {color:#666;text-decoration:none;}
.list-box-02 .catbar-01 a:visited,
.list-box-08 .catbar-01 a:visited {color:#666;}
.list-box-02 .catbar-01 a:active,
.list-box-08 .catbar-01 a:active {color:#666;}
.list-box-02 .catbar-01 a:hover,
.list-box-08 .catbar-01 a:hover {color:#999;}


/* ------------------------------- FLEET MONITOR ----------------------------------- */

.dashboard-01 .col-01 {
background-color:#f1f1f1;
vertical-align:top;
width:50%;
padding:0 12px 0 0;
height:62px;
border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;
border-top-right-radius:5px;
-webkit-border-top-right-radius:5px;
}

.dashboard-01 .col-02 {
background-color:#f1f1f1;
vertical-align:top;
padding:0 16px 0 0;
height:52px;
border-bottom-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}

.dashboard-01 h1 {color:#ccc;}
.dashboard-01 h2,.dashboard-01 h3 {color:#333;}
.dashboard-01 .line {background-color:#e6e6e6;border-left:115px solid #f1f1f1;}
.dashboard-01 a.link-red {color:#888;}
.dashboard-01 a.link-red:visited {color:#888;}
.dashboard-01 a.link-red:active {color:#888;}
.dashboard-01 a.link-red:hover {color:#ccc;}

.actions .left label.selectall {color:#555;text-decoration:underline;}
.actions .left label.selectall:hover {color:#999;}

.actions-01 a,.actions-02 a {text-decoration:none;}
.actions-01 a:hover,.actions-02 a:hover {background-color:#444;text-decoration:none;}



/* ------------------------------- CONTENT MANAGEMENT TABLES ----------------------------------- */

.cm-01 {width:95%;margin:20px 0 9px 8px;}

/* cm-02 */
.cm-02 {width:95%;margin:20px 0 9px 10px;line-height:16px;}
.cm-02 .cont-01 {width:46px;background:url(https://g.autorola.com/g/i/bg/dot_grey_46px.gif) no-repeat 0 15px;font:bold 22px/46px verdana,sans-serif;text-align:center;padding:14px 25px 0 0;color:#888;}
.cm-02 .cont-02 {background:url(https://g.autorola.com/g/i/bg/sep_dot_horz_01.gif) repeat-x bottom;padding:28px 0 20px 0;}
.cm-02 h2 {font:bold 20px/22px arial,sans-serif;margin:0 0 5px 0;padding:0;}

/* cm-03 */
.cm-03 {width:95%;margin:20px 0 9px 10px;float:left;line-height:16px;}
.cm-03 h2 {font:bold 18px/20px arial,sans-serif;margin:0 0 10px 0;padding:0;}

/* cm-04 */
.cm-04 {width:95%;margin:20px 0 9px 10px;float:left;line-height:16px;}
.cm-04 .cont-01 {width:50%;padding:0 30px 0 0;}
.cm-04 .cont-02 {width:50%;padding:0;}
.cm-04 h2 {font:bold 18px/20px arial,sans-serif;margin:0 0 10px 0;padding:0;}

.edit {width:16px;height:16px;background:url(https://g.autorola.com/g/i/bg/document_edit.gif) no-repeat 0 0;float:right;cursor:pointer;}

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

.cont-form-01 td {border-bottom:1px solid #eaeaea;vertical-align:top;padding:4px;}
.cont-form-01 .labelvalue-title {padding:5px 4px;font-weight:bold;}
.cont-form-01 .label {width:120px;padding:5px 4px;}
.cont-form-01 .value {padding:5px 0;}
.cont-form-01 .input-01 {width:200px;height:17px;line-height:17px;padding:0 0 0 2px;margin-top:-1px;border:1px solid #cdcdcd;}
.cont-form-01 .input-02 {width:133px;height:17px;line-height:17px;padding:0 0 0 2px;margin-top:-1px;border:1px solid #cdcdcd;}
.cont-form-01 .select-01 {width:137px;margin:-1px 0;border:1px solid #cdcdcd;}
.cont-form-01 .textarea-01 {width:100%;margin:-1px 0;border:1px solid #cdcdcd;}
.cont-form-01 .sep-01 {line-height:15px;border-bottom:none;}
.cont-form-01 .col-bottom {padding:15px 0 0 0;border-bottom:none;}
.cont-form-01 .asterisk {color:#e60101;font-size:11px;font-weight:bold;padding:0 3px;}
.cont-form-01 .required {float:right;margin:0 4px 0 0;}
.cont-form-01 .lb-buttons {float:right;}
.cont-form-01 .info-message-green {width:94%;font-weight:bold;color:#159300;padding:10px;background-color:#e2f3dd;border:1px solid #159300;margin:10px 0;text-align:left;}
.cont-form-01 .info-message-green ul {margin-top:10px;margin-bottom:10px;font-weight:normal;}
.cont-form-01 .info-message-red {width:94%;font-weight:bold;color:#e70000;padding:10px;background-color:#ffe4e4;border:1px solid #e60101;margin:10px 0;text-align:left;}
.cont-form-01 .info-message-red ul {margin-top:10px;margin-bottom:10px;font-weight:normal;}

/* ------------------------------- LOG IN ----------------------------------- */
 
.workspace {width:100%;height:100%;overflow:auto;position: relative;z-index:2;text-align:left;top:0px;}
.workspaceSignin {background-color:#eaeaea;width:100%;height:100%;overflow:auto;position:relative;z-index:99;text-align:left;top:0px;}

.layerSignin {width:486px;height:auto;position:absolute;z-index:99;margin-left:-243px;top:20%;left:50%;padding:0;background-color:#fff;border: 1px solid #ddd;}
.layerSignin .content {height:auto;width:auto;margin:10px;display:table;}
.layerSignin .content .header {width:466px;height:88px;}

.layerSignin .content .signin {width:466px;}
.layerSignin .content .signin .input {float:left;width:306px;min-height:240px;}
.layerSignin .content .signin .input .txt01 {padding:28px 0 0 23px;font-size:11px;line-height:13px;}
.layerSignin .content .signin .input .txt02 {padding:2px 0 10px 23px;font-size:16px;line-height:18px;font-weight:600;}
.layerSignin .content .signin .input .txt03 {padding:6px 0 1px 24px;font-size:11px;line-height:18px;}
.layerSignin .content .signin .input .form01 {padding:0 0 0 22px;}
.layerSignin .content .signin .input .form01 input {width:250px;}
.layerSignin .content .signin .input .bottomBar {padding:20px 0 0 20px;width:258px;}
.layerSignin .content .signin .input .bottomBar .form02 {float:left;padding:0;height:22px;}
.layerSignin .content .signin .input .bottomBar .txt04 {float:left;padding:2px 0 0 3px;width:140px;height:65px;font-size:11px;line-height:13px;}
.layerSignin .content .signin .input .bottomBar .button {float:right;margin-top:5px;}

.layerSignin .content .signin .links {float:left;width:160px;min-height:240px;background:#fff url(https://g.autorola.com/g/i/bg/grad_horz_49.gif) repeat-x top;}
.layerSignin .content .signin .links .txt01 {padding:28px 15px 0 15px;font-size:11px;line-height:13px;}
.layerSignin .content .signin .links .link {padding:16px 10px 0 0;float:left;margin:0 0 0 15px;font-size:11px;line-height:13px;}

.layerSignin .content .footer {width:466px;clear:both;padding:15px 0 5px 0;background:#fff url(https://g.autorola.com/g/i/bg/grad_horz_07.gif) repeat-x top;}
.layerSignin .content .footer .logo {margin:0 0 8px 0;}

.layerSignin .content .footer .copyright {color:#333;padding:0;font-size:11px;line-height:20px;font-weight:600;}
.layerSignin .content .footer .reserved {color:#aaa;padding:0;font-size:11px;line-height:12px;}

.layerSignin .content .info-message-red {color:#e70000;padding:10px;background-color:#ffe4e4;border:1px solid #e60101;margin:10px 0 0 14px;width:250px;}
.layerSignin .content .info-message-red ul {margin-top:10px;margin-bottom:5px;}

.brandedLogin-language {padding:0px;margin: 10px 15px 10px 0;text-align:right;}
.brandedLogin-language .active {font-size:11px;margin:0 5px;color:#aaa;text-decoration:none;}
.brandedLogin-language a {font-size:11px;margin:0 5px;}