body, * {
    font-family: Verdana;
    font-size: 12px;
    padding: 0;
    margin: 0;
}

.clear { clear: both; }

.fl { float: left; }
.fr { float: right; }

img { border: 0; }

img.icon {
    border: 0 none;
    margin: 0 3px 0 0;
    vertical-align: -3px;
    
}

.alert_icon {
    width: 16px;
    height: 16px;
    cursor: help;
}

img.bigicon {
    border: 0 none;
    margin: 0 3px 0 0;
    vertical-align: -6px;
    
}

#site {
    float: left;
    background-color: #ffffff;
    background: url(design2/bg_body.png) top left repeat-x;
    color: #13658A;
    width: 1280px;
}

a, a:visited {
    color: #0BB1C0;
    text-decoration: none;
}

a:hover, a:visited:hover {
    color: #777777;
    text-decoration: underline;
}


#etNav {
    float: left;
    width: 217px;
    background: url(design2/bg_menuline.png) repeat-y;
    display:block;
}
    #etNav .hdr {
	height: 108px;
	width: 217px;
	background: url(design2/bg_hdr1.png) top left no-repeat;
	background-position: 0 0;
	float: left;
    }
    
    #etNav .hdr div {
	padding-top: 9px;
	padding-left: 32px;
    }
    
    #etNav .item {
	background: url(design2/bg_menuelt.png) bottom left no-repeat;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-top: 10px;
    }
    
    #etNav .last {
	background: url(design2/bg_menuelt_last.png) bottom left no-repeat;
    }
    
    #etNav .item h1 {
	font-size: 14px;
	color: #0074A9;
	margin-bottom: 10px;
    }
    
    #etNav .item ul {
	list-style-type:none;
    }
    
    #etNav .item ul li {
	height: 20px;
	margin-left: -19px;
    }
    
    #etNav .item a {
	color: #0074A9;
	
    }
    
#etSite {
    float: left;
}

#etMainNav ul {
    margin: 0;
    padding: 35px 0 0 9px;
    list-style: none;
    float: left;
    background: url(design2/mainmenu_start.png) no-repeat top left;
}
    #etMainNav ul li {
	float: left;
	background: url(design2/mainmenu_split.png) no-repeat top left;
	padding-left: 2px;
    }
    
    #etMainNav ul .first {
	background: none;
    }
    
    #etMainNav ul a {
	display: block;
	padding: 0 15px;
	line-height: 25px;
	text-decoration: none;
	color: #0E667A;
	float: left;
	text-transform:uppercase;
    }
    
    #etMainNav ul a:hover {
	background: url(design2/mainmenu_hover.png) repeat-x;
	color: #fff;
    }
    
     #etMainNav ul .active {
	background: url(design2/mainmenu_active.png) repeat-x;
	color: #0E667A;
    }
    
h2 {
    font-family: Verdana;
    font-size: 16px;
    padding-bottom: 10px;
    
}

h3 {
    padding-bottom: 7px;
}

#etContent {
    padding-left: 20px;
    padding-top: 12px; 
}


.etTable {
    border-bottom: 1px solid #9BC1D0;
}

.noBorderLine {
    border-bottom: 0px;
}

.etTable .leftBorder {
    border-left: 1px solid #9BC1D0;
}
.etTable .rightBorder {
    border-right: 1px solid #9BC1D0;
}

.etTable td {
	padding: 8px 3px 7px 3px;
	font-size: 11px;
    }

    .etTable th, .etTable .thdr {
	font-weight: normal;
	text-align: left;
	background: url(design2/bg_table_th.png) repeat-x top left;
	background-color: #03285D;
	line-height: 25px;
	color: #fff;
	padding: 0 3px 0 3px;
    }

    .etTable a, .etTable i, .etTable b, .etTable span, .etTable div {
	font-size: 11px;
    }
    
    .etTable .even, .even {
	background-color: #fafafa;
    }
    
    
    .etTable .odd, .odd {
	background-color: #E6F0F4;
    }
    
    .etTable .inactive, .inactive {
	background-color: #dadada;
    }
    
    .etTable .thdr_rest {
	background-color: #03285D;
	color: #fff;
    }
    
    .etTable .tmain {
	font-weight: bold;
    }
    
    .etTable a {
	color: #0BB1C0;
	font-weight: bold;
    }
    
    .etTable a:hover {
	color: #777777;
	text-decoration: none;
    }
    
    .etTable .borderLine, .borderLine {
	border-bottom: 1px solid #9BC1D0;
    }

    .fullBorder {
	border: 1px solid #9BC1D0;
    }
    
    .etTable .noBorderLine {
	border-bottom: 0px;
    }

    .etTable .lightBorderLine td {
	border-bottom: 1px solid #eaeaea;
    }

   
    
.link, .link span {
	background: transparent url(design2/bg_link.gif) no-repeat 0 0;
	color: #fff;
	clear: both;
	float: left;
	display: inline;
	height: 25px;
	cursor: pointer;
	white-space: nowrap;
	xline-height: 25px;
}
    
    .link {
	    margin-right: 15px;
    }
    .link span {
	    background-position: 100% 0;
	    position: relative;
	    right: -15px;
	    padding-right: 30px;
	    text-decoration: none;
	    vertical-align: 4px;
	    padding-top: 4px;
	    white-space: nowrap;
    }
    
    
    .link:hover {
	    background-position: 0 -43px;
	    text-decoration: none;
    }
    .link:hover span {
	    background-position: 100% -43px;
	    text-decoration: none;
    }
    
    .link span .icon {
	    vertical-align: -4px;
    }

    
acronym {
    border-bottom: 1px dotted #13658A;
}

acronym a .icon, acronym .icon {
    vertical-align: -2px;
}

th.tac, .tac { text-align: center; }
th.tal, .tal { text-align: left; }
th.tar, .tar { text-align: right; }

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

p {
    padding-bottom: 10px;
}

optgroup option { padding-left: 20px }


.pd2td td {
    padding: 3px;
    font-size: 11px;
}

.stArrow, .stArrowOver {
	cursor: pointer;
	width: 15px;
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
}
.stMonth, .stMonthOver {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	background: url(design2/bg_table_th.png) repeat-x top left;
	background-color: #03285D;
	line-height: 15px;
	color: #fff;
	padding: 0 3px 0 3px;
	cursor: pointer;
}
.stMonthOver {
	background: none;
	background-color: #03285D;
}
.stArrowOver {
	background-color: #E6F0F4;
}
.stDayEven, .stDayOdd, .stDayOver, .stUnclickable, .stWeekend {
	cursor: pointer;
	background-color: #E6F0F4;
	text-align: center;
	vertical-align: middle;
	height: 20px;
	width: 15px;
}

.stDayOdd {
	background-color: #FFFFFF;
}

.stWeekend {
	background-color: #9BC1D0;
}

.stUnclickable {
	background-color: #fafafa;
	cursor: default;
	color: #a0a0a0;
}

.stDayOver {
	background: url(design2/bg_table_th.png) repeat-x top left;
	background-color: #03285D;
	color: #fff;
	
}

.pointer {
    cursor: pointer;
}

.mouse_help {
    cursor: help;
}

.nopadding, .nopadding td {
    padding: 0;
}


.debug, .debug pre, .debug i, .debug b {
	font-family: Verdana;
	font-size: 9px;
	white-space: pre;
	color:#909090
}

#ajaxnotification {
        position: fixed;
        top: 0px;
        left: 0px;
        padding: 0;
        height: 20px;
        margin: 0;
        width: 180px;
        background-color: #FFFF99;
        display: block;
        text-align: left;
        font-weight: bold;
        font-size: 14px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        padding-top: 1px;
        padding-left: 4px;

}

.popDiv {
        position:absolute;
        display:none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        background-color: #FFE45E;
        filter:alpha(opacity=85);
        -moz-opacity:0.85;
        border:solid #ccc 1px;
        vertical-align:top;
        text-align: center;
        max-width: 250px;
        text-spacing: nowrap;
        padding:2px 5px 2px 5px;
        cursor: default;
        -moz-border-radius:5px;
        z-index: 0;
}

.w20 { width: 20px; }
.w25 { width: 25px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w45 { width: 45px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w130 {	width: 130px; }
.w140 {	width: 140px; }
.w150 { width: 150px; }
.w180 { width: 180px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w260 { width: 260px; }
.w300 { width: 300px; }
.w330 { width: 330px; }
.w350 { width: 350px; }
.w360 { width: 360px; }
.w400 { width: 400px; }
.w480 { width: 480px; }
.w490 { width: 490px; }
.w600 { width: 600px; }

.padl3 td { padding-left: 3px;}


.CounterSprite {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(img/counter_sprite.gif) no-repeat 0 -28px;
	color:#FFFFFF;
	display:none;
	float: left;
	font-weight:bold;
	height:14px;
	padding:0 0 0 6px;
	margin-left: 5px;
	cursor: default;
}
.CounterSprite .CounterSprite_Number {
	display:inline;
	float:left;
	font-size:11px;
	height:14px
	
}
.CounterSprite .CounterSprite_Right {
	background:transparent url(img/counter_sprite.gif) no-repeat 0 -42px;
	float:left;
	height:14px;
	width:6px;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
}

.normalText, .normalText td {
    color: #13658A;
}

.lightText, .lightText td {
    color: #909090;
}

.smallText, .smallText td, .smallText div {
    font-size: 10px;
}

.tableSizeText, .tableSizeText span, .tableSizeText b {
    font-size: 11px;
}

.nowrap {
    white-space: nowrap; 
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
	font-size: 11px;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}


#vmsg {display:none; position:absolute; z-index:200; background:url(images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}

.icon_sprite {
	width: 16px;
	height: 16px;
	background: url(icons/icon_sprite.png) no-repeat;
}

.icon_world 		{background-position: 0 0;}
.icon_map 		{background-position: 0 -16px;}
.icon_comments		{background-position: 0 -32px;}
.icon_taxi		{background-position: 0 -48px;}
.icon_user		{background-position: 0 -64px;}
.icon_chart_bar		{background-position: 0 -80px;}
.icon_chart_bar2	{background-position: 0 -96px;}
.icon_anchor		{background-position: 0 -112px;}
.icon_exclamation	{background-position: 0 -128px;}
.icon_email_go		{background-position: 0 -144px;}
.icon_key		{background-position: 0 -160px;}
.icon_lorry		{background-position: 0 -176px;}
.icon_report		{background-position: 0 -192px;}
.icon_poischedule	{background-position: 0 -208px;}
.icon_database_add	{background-position: 0 -224px;}
.icon_map_go		{background-position: 0 -240px;}
.icon_chart_line	{background-position: 0 -256px;}
.icon_chart_curve	{background-position: 0 -272px;}
.icon_car		{background-position: 0 -288px;}
.icon_group		{background-position: 0 -304px;}
.icon_wrench		{background-position: 0 -320px;}

.icon2_sprite {
	background: url(icons/icon_sprite2.png) no-repeat;
}

.icon2_exclamation 	{background-position: 0 0; width:18; height:18;}
.icon2_vehicle_go 	{background-position: 0 -20px; width:19; height:15;}
.icon2_mapgo		{background-position: 0 -40px; width:20; height:18;}
.icon2_info		{background-position: 0 -60px; width:18; height:18;}
.icon2_vehicle_stop	{background-position: 0 -80px; width:18; height:19;}
.icon2_refresh		{background-position: 0 -100px; width:18; height:19;}


.UIButton{
    background-image:url(img/etbtn.png);
    border-style:solid;
    border-width:1px;
    display:-moz-inline-box;
    display:inline-block;
    outline:none;
    padding:3px 6px;
    vertical-align:bottom;
    text-decoration: none;
    margin: 2px 4px 2px 0px;
}
.UIButton:hover, .UIButton:active {
    text-decoration:none
}
.UIButton:active {
    -moz-box-shadow:0 1px 0 rgba(0,0,0,.05);
    -webkit-box-shadow:0 1px 0 rgba(0,0,0,.05)
}
.UIButton_Text{
    background-color:transparent;
    border:none;
    cursor:pointer;
    display:block;
    font-size:11px;
    font-weight:bold;
    line-height:14px;
    *line-height:13px;
    margin:0;overflow:
    visible;padding:0;
    *padding-bottom:1px;
    width:auto;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    text-decoration: none;
}

.UIButton_Large{padding:4px 8px 5px}
.UIButton_Large .UIButton_Text{font-size:13px;line-height:16px}

.UIButton_Gray{background-color:#eee;border-color:#999 #999 #888;-moz-box-shadow:0 1px 0 rgba(0,0,0,.1);-webkit-box-shadow:0 1px 0 rgba(0,0,0,.1)}
.UIButton_Gray:active{background-color:#ddd;background-image:none;border-color:#999}
.UIButton_Gray .UIButton_Text, input.UIButton_Text {color:#333}
.UIButton_Blue{background-color:#5b74a8;background-position:0 -48px;border-color:#29447e #29447e #1a356e;-moz-box-shadow:0 1px 0 rgba(0,0,0,.12);-webkit-box-shadow:0 1px 0 rgba(0,0,0,.12)}
.UIButton_Blue:active{background-color:#4f6aa3;background-image:none;border-color:#29447e}
.UIButton_Blue .UIButton_Text{color:#fff}
.UIButton_Green{background-color:#69a74e;background-position:0 -96px;border-color:#3b6e22 #3b6e22 #2c5a15;-moz-box-shadow:0 1px 0 rgba(0,0,0,.12);-webkit-box-shadow:0 1px 0 rgba(0,0,0,.12)}
.UIButton_Green:active{background-color:#609946;background-image:none;border-color:#3b6e22}
.UIButton_Green .UIButton_Text{color:#fff}

.UIButton_Disabled,.UIButton_Disabled:active { 
    background-color:#f2f2f2;
    background-image:none;
    border-color:#c8c8c8;
    cursor:default;
    -moz-box-shadow:none;
    -webkit-box-shadow:none
}
.UIButton_Disabled .UIButton_Text,.UIButton_Disabled:active .UIButton_Text { 
    color:#b8b8b8;
    cursor:default
}

.UIButton_eticon {
    padding-right: 5px;
}
.UIButton_eticon img {
    border: 0px;
    vertical-align: -4px;
}

.status_green {
    background-color: #CCFFD1;
}

.status_red {
    background-color: #FFA8A8;
}

.status_light_red {
    background-color: #FFE0E0;
}

.status_grey {
    color: #999999;
    background-color: #BABABA;
}

.status_light_grey {
    xcolor: #999999;
    background-color: #eaeaea;
}