@charset "utf-8";

/*  '''''''''''''''''''''''''''''''''''''''''''''''''''  */
	/*		PROJETO:         TRANKING AVL                    */
	/*		DESENVOLVIMENTO: SANDBOX MÍDIAS INTERATIVAS      */
	/*                       www.sandbox.com.br              */
	/*		DESENVOLVEDORES:                                 */
	/*                       Cristiano K. Ritzke             */
	/*		DATA INICIO:     10/03/2008                      */
	/*  '''''''''''''''''''''''''''''''''''''''''''''''''''  */
* {
	margin: 0px;
	border: 0px;
	padding: 0px;
}

body,html {
	height: 100%;
	font-size: 76%;
	letter-spacing: .05em;
	font-family: Arial, 'Trebuchet MS', 'Lucida Grande', Helvetica,
		sans-serif;
}

/* LAYOUT FORMAT */
	/* ------------------------------------------------------------------------ */
#header {
	height: 95px;
	background-color: #2e2e2e;
}

#footer {
	height: 27px;
	margin-top: -27px;
	color: #666666;
	font-size: 1.2em;
	background-color: #323232;
}

#content {
	padding: 0px 45px 45px 45px;
}

#wrapper {
	min-height: 100%;
	height: 100px;
}

#wrapper-second-nav {
	height: 45px;
	background: url(../images/shadow_content_top.png) repeat-x top;
}

/* two columns */
.two-column {
	width: auto;
	padding: 0px;
	margin: 0px;
}

.two-column .two-column-first {
	float: left;
	width: 325px;
}

.two-column .two-column-second {
	float: left;
	width: 200px;
}

.two-column .two-column-third {
	float: left;
	width: 200px;
}

.two-column .two-column-left {
	float: left;
	width: 50%;
}

.two-column .two-column-right {
	float: right;
	width: 50%;
}

/* HEADER */
	/* ------------------------------------------------------------------------ */
#header #logo {
	float: left;
	height: 60px;
}

#header #logo-company {
	float: left;
	padding: 5px 0px 0px 0px;
}

#header #welcome {
	 margin-top: 20px;
}

#header #welcome-msg {
	color: #666666;
	font-size: 1.2em;
	width:80%;
}
#header #header-table {
	width: 100%;
}
#header #header-row {
	width: 100%;
}
#header #header-data-left {
	width: 10%;
}
#header #header-data-right {
	width: 90%;
}
#header #welcome-msg-company {
	color: #666666;
	font-size: 1.2em;
	width:40%;
	margin-top:-15px;
}

#header #welcome .spacer {
	margin: 0px 5px;
}

#header #greeting {
	margin: 0px 5px;
}

#header a,#header a:link,#header a:active,#header a:visited {
	color: #CCCCCC;
}

#header a:hover {
	color: #FFFFFF;
}

/* MAIN NAVIGATION */
	/* ------------------------------------------------------------------------ */
#main-nav {
	float:right;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
}

#main-nav ul {
	list-style-type: none;
	margin: 0px 5px 0px 0px;
}

#main-nav ul li {
	float: left;
	cursor: pointer;
	line-height: 45px;
	margin: 0px 7px 0px 0px;
	background: url(../images/nav_item_bg_left.gif) no-repeat left;
}

#main-nav ul li a {
	color: #d1d1d1;
	height: 45px;
	display: block;
	padding: 0px 15px 0px 15px;
	background: url(../images/nav_item_bg_right.gif) no-repeat right;
}

#main-nav ul li a:hover {
	text-decoration: none;
}

#main-nav ul li:hover {
	background: url(../images/nav_item_bg_left_over.gif) no-repeat left;
}

#main-nav ul li:hover a {
	background: url(../images/nav_item_bg_right_over.gif) no-repeat right;
}

#main-nav ul li#active {
	background: url(../images/nav_item_bg_left_active.gif) no-repeat left;
}

#main-nav ul li#active a {
	color: #aacc99;
}

#main-nav ul li#active a {
	padding: 0px 20px 0px 30px;
	background: url(../images/nav_item_bg_right_active.gif) no-repeat right;
}

/* SECONDARY NAVIGATION */
	/* ------------------------------------------------------------------------ */
#second-nav {
	width: 600px;
	float: right;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 5px 13px 0px 0px;
}

#second-nav ul {
	float: right;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
}

#second-nav ul li {
	float: left;
	cursor: pointer;
	line-height: 32px;
	margin: 0px 0px 0px 7px;
	background: url(../images/nav_sub_item_bg_left.gif) no-repeat left;
}

#second-nav ul li a {
	color: #d1d1d1;
	height: 32px;
	display: block;
	padding: 0px 20px 0px 20px;
	background: url(../images/nav_sub_item_bg_right.gif) no-repeat right;
}

#second-nav ul li a:hover {
	text-decoration: none;
}

#second-nav ul li:hover {
	background: url(../images/nav_sub_item_bg_left_over.gif) no-repeat left;
}

#second-nav ul li:hover a {
	background: url(../images/nav_sub_item_bg_right_over.gif) no-repeat
		right;
}

#second-nav ul li#active {
	background: url(../images/nav_sub_item_bg_left_active.gif) no-repeat
		left;
}

#second-nav ul li#active a {
	color: #aacc99;
}

#second-nav ul li#active a {
	padding: 0px 20px 0px 30px;
	background: url(../images/nav_sub_item_bg_right_active.gif) no-repeat
		right;
}

/* TEXT STYLES */
	/* ------------------------------------------------------------------------ */
a,a:link,a:visited,a:active {
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #999999;
	text-decoration: underline;
}

a.link,a.link:link,a.link:visited,a.link:active {
	color: #0000d0;
	text-decoration: none;
}

a.link:hover {
	color: #999999;
	text-decoration: underline;
}

/* MAP STYLES */
	/* ------------------------------------------------------------------------ */
#map-holder {
	margin: 0px auto;
}

#map {
	width: 100%;
	height: 93%;
	border: 0px;
	background-color: #CCCCCC;
}

.map-shadow-top {
	background: transparent url(../images/shadow-map_top.png) repeat-x
		scroll 0%;
	float: left;
	height: 5px;
	line-height: 1px !important;
	padding: 0pt;
	position: absolute;
	top: 94px;
	width: 100%;
}

.map-shadow-bottom {
	background: transparent url(../images/shadow_map_bottom.png) repeat-x
		scroll 0%;
	float: left;
	height: 5px;
	line-height: 1px !important;
	padding: 0pt;
	position: absolute;
	bottom: 27px;
	width: 100%;
}

.map-shadow-bottom-banner {
	background: transparent url(../images/shadow_map_bottom.png) repeat-x
		scroll 0%;
	float: left;
	height: 5px;
	line-height: 1px !important;
	padding: 0pt;
	position: absolute;
	bottom: 80px;
	width: 100%;
}

.map-footer-banner {
	background-color: #2E2E2E;
	height: 55px;
	padding: 0pt;
	position: absolute;
	bottom: 25px;
	width: 100%;
}

/* tooltip */
.tooltip {
	width: 280px;
	/*height: 179px;*/ /*padding: 0px 0px 0px 18px;*/
	/*background: url(../images/tooltip_bg.png) no-repeat;*/
}

.tooltip .top {
	width: 280px;
	height: 39px;
	padding: 0px 0px 0px 18px;
	background: url(../images/tooltip_bg_top.png) no-repeat;
}

.tooltip .middle {
	width: 280px;
	padding: 0px 0px 0px 18px;
	background: url(../images/tooltip_bg_middle.png) repeat-y;
}

.tooltip .bottom {
	width: 280px;
	height: 13px;
	background: url(../images/tooltip_bg_bottom.png) no-repeat;
}

.tooltip h3 {
	width: 212px;
	color: #666666;;
	font-size: 1.3em;
	cursor: pointer;
	padding: 12px 0px 18px 0px;
	background: url(../images/ico_close_red.png) no-repeat right 15px;
}

.tooltip h3:hover {
	color: #333333;
	background: url(../images/ico_close_red_over.png) no-repeat right 15px;
}

.tooltip p {
	color: #000000;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 19px;
	margin: 0px 0px 0px 0px;
}

.tooltip p span {
	color: #707070;
	width: 60px;
	display: block;
	float: left;
}

/* marker label */
.markerLabel {
	height: 39px;
	padding: 0px 0px 0px 14px;
	background: url(../images/label_bg_ini.png) no-repeat left;
}

.markerLabel h3 {
	color: #000000;
	font-size: 1.3em;
	cursor: pointer;
	padding: 0px;
	line-height: 35px;
	padding: 0px 40px 4px 0px;
	background: url(../images/label_bg_end_over.png) no-repeat right;
}

.markerLabel h3:hover {
	color: #666666;
	background: url(../images/label_bg_end_over.png) no-repeat right;
}

.markerLabel p {
	color: #000000;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0;
	margin: 0px 0px 7px 0px;
}

.markerLabel p span {
	color: #707070;
	width: 90px;
	display: block;
	float: left;
}

.elabel-style1 {
	background-color: #ffffff;
	font-weight: bold;
	border: 1px #ccc solid;
}

/* FOOTER ELEMENTS*/
	/* ------------------------------------------------------------------------ */
.sandbox {
	float: left;
	line-height: 26px;
	padding: 0px 0px 0px 15px;
}

.copyright {
	line-height: 26px;
	text-align: center;
	margin: 0px 300px 0px 300px;
}

.footer-nav {
	float: right;
	width: auto;
	padding: 0px 20px 0px 0px;
}

.footer-nav ul {
	list-style: none;
	display: inline;
}

.footer-nav ul li {
	height: 13px;
	float: left;
	margin: 6px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	border-left: 1px #666666 solid;
}

.footer-nav ul li#first {
	border-left: 0px;
}

/* LOGIN */
	/* ------------------------------------------------------------------------ */
body#login {
	background: #e5e5e5;
}

body#login h2 {
	color: #86c666;
	font-size: 1.3em;
	text-transform: uppercase;
	margin: 0px 0px 20px 0px;
}

body#login p {
	color: #999999;
	font-size: 1.2em;
}

#login-wrapper {
	width: 807px;
	margin: 0px auto;
	padding-top: 50px;
}

#login-header {
	height: 145px;
	background: url(../images/login_header_acetech.png) no-repeat;
}

#login-middle {
	background: url(../images/login_middle.gif) repeat-y;
}

#login-middle .two-column {
	overflow: hidden;
	padding: 50px 0px 0px 0px;
}

#login-middle .two-column-left {
	width: 190px;
	padding: 0px 0px 0px 65px;
}

#login-middle .two-column-right {
	height: 200px;
}

#login-footer {
	height: 22px;
	background: url(../images/login_footer.gif) no-repeat;
}

#login-middle .loginTitle {
	color: #4B5463;
	font-weight: bold;
	padding: 0pt 0pt 0pt 1px;
}

#login-middle .loginDescription {
	color: #757575;
	margin: 6px 0pt 0pt;
}

#login-middle form {
	background: transparent url(../images/admin/login_ico_chave.gif)
		no-repeat scroll 8px 10px;
	border: 0px none;
	margin: 0px;
	padding: 0px;
	width: auto;
}

#login-middle fieldset {
	height: auto;
	background-color: transparent;
	margin: 0px 0px 8px 0px;
}

#login-middle fieldset legend {
	display: none;
}

#login-middle fieldset p,#login-middle fieldset p.inputField,#login-middle fieldset p.inputFieldPass
	{
	margin: 0pt 0pt 0pt 60px;
	text-align: left;
}

#login-middle p.inputFieldChec {
	margin: 0pt 0pt 0pt 75px;
	text-align: left;
}

#login-middle fieldset a {
	color: #FFFFFF;
}

#login-middle label {
	display: block;
	color: #86c666;
	font-weight: bold;
	width: 50px;
	margin: 0px 0px 5px 0px;
}

#login-middle input {
	width: 155px;
	height: 18px;
	color: #656565;
	padding: 1px 2px;
	border: 1px #d0d0d0 solid;
}

#login-middle p.inputFieldChec input {
	width: 15px;
}

#login-middle #buttons {
	height: 20px;
	margin: 15px 0px 5px;
	padding: 0px 0px 0px 60px;
}

#login-middle #buttons input {
	width: 81px;
	height: 33px;
	border: 0px;
	color: #3a3a3a;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	padding: 6px 0px 6px 10px;
	text-transform: uppercase;
	background: url(../images/bt_login_up.gif) no-repeat;
}

#login-middle #buttons input:hover {
	background: url(../images/bt_login_over.gif) no-repeat;
}

/* REPORTS */
	/* ------------------------------------------------------------------------ */
body#reports {
	background: #e5e5e5;
}

body#reports #wrapper {
	height: auto;
}

/* ADMIN */
	/* ------------------------------------------------------------------------ */
body#admin {
	background: #e5e5e5;
}

body#admin #wrapper {
	height: auto;
}

.summary-area {
	text-align: center;
}

/* report box css styles */
.rbroundbox {
	background: url(../images/box/ntg.gif) repeat;
	width: 100%;
	margin: 1em auto;
}

.rbtop div {
	background: url(../images/box/tlg.gif) no-repeat top left;
}

.rbtop {
	background: url(../images/box/trg.gif) no-repeat top right;
}

.rbbot div {
	background: url(../images/box/blg.gif) no-repeat bottom left;
}

.rbbot {
	background: url(../images/box/brg.gif) no-repeat bottom right;
}

/* height and width stuff, width not really nessisary. */
.rbtop div,.rbtop,.rbbot div,.rbbot {
	width: 100%;
	height: 7px;
}

.rbcontent {
	margin: 0 7px;
	font-size: 14px;
}

.rbicon {
	vertical-align: middle;
}

.rbnumber {
	font-size: 19px;
	font-weight: bold;
}

.rbeco {
	padding: 0px 0px 0px 40px;
	font-size: 15px;
	font-weight: bold;
}

.rbnumbersmall {
	font-size: 15px;
	font-weight: bold;
}

.rbnumberunder {
	padding: 0px 0px 0px 60px;
	font-size: 15px;
	font-weight: bold;
}

.rbnumbermeas {
	padding: 0px -30px 0px 0px;
	font-size: 15px;
	font-weight: bold;
}

.widget-table .boxes-table tr td {
	border: none;
}

/* report box css styles */ /* safety report box style */
	/* report box css styles */
.rbwhitebox {
	background-color: #ffffff;
	width: 100%;
	margin: 1em auto;
}

.rbwhitecontent {
	margin: 0px 7px;
	font-size: 14px;
}

.safety-image {
	padding: 0px 0px 0px 0px;
	width: 10%;
}

.safety-stats {
	padding: 0px 0px 0px 120px;
	margin-top: -120px;
	width: 60%;
}

.rbsafety {
	padding: -20px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
}

.bullsheading {
	padding-left: 35%;
	font-size: 20px;
	color: #666666;
}

.bullsbrake {
	padding-left: 28%;
	color: #666666;
}

.bullsbraked {
	padding-left: 35%;
	color: #666666;
}

.bullsbrakeh {
	padding-left: 30%;
	color: #666666;
}

.bullsbrakeb {
	padding-left: 38%;
	color: #666666;
}

.bullsleft {
	font-size: 14px;
	color: #666666;
	margin-top: -65px;
}

.bullsleftp {
	font-size: 14px;
	color: #666666;
	padding-left: 5%;
}

.bullsright {
	font-size: 14px;
	color: #666666;
	margin-top: -33px;
	padding-left: 65%;
}

.bullsrightp {
	font-size: 14px;
	color: #666666;
	padding-left: 70%;
}

.bullsaccel {
	font-size: 14px;
	color: #666666;
	padding-left: 30%;
	padding-top: 10%;
}

.bullsaccelp {
	font-size: 14px;
	color: #666666;
	padding-left: 37%;
}

.bullsimage {
	width: 45%;
	padding-left: 20%;
}

.bottom-message {
	font-size: 10px;
	text-align: center;
	color: red;
}

#event optgroup option {
	padding-left: 20px;
}

.widget-dashboard-box {
	margin-top: 1em;
	padding-top: 3em;
	border-bottom: 3px solid #bbbbbb;
	border-right: 3px solid #bbbbbb;
	border-top: 3px solid #bbbbbb;
	border-left: 3px solid #bbbbbb;
	-moz-border-radius: 2em;
	width: 600px;
	height: 280px;
}

.buttonBar {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.buttonBarSpace {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.buttonBar input,.buttonBarSpace input {
	height: 30px;
	color: #333333;
	font-size: .8em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 12px;
	margin: 0px 0px 0px 0px;
	border: #e3e3e3 1px solid;
	/*border-style: dotted;*/
	width: auto;
	background: url(../images/widget_forms/widget_form_bt_bg_up.gif)
		repeat-x;
}

.buttonBar input:hover,.buttonBarSpace input:hover {
	background: url(../images/widget_forms/widget_form_bt_bg_over.gif)
		repeat-x;
}