@charset "utf-8";

.bottomBar {position:absolute;bottom:0;left:0;width:100%;height:24px;line-height:11px;font-size:10px;text-align:center;background:#f5f5f5;z-index:1500;border-top:#A0A0A0 solid 1px;}
/*
.btn_clear {
    background-color: transparent;
    border: none;
}*/

.tb_blur {color:#999999;}
/*
#gl_feedback{
    position:fixed;
    right:0;
    top:200px;
    z-index:9000;    
}*/
.close_btn{
    font-family:sans-serif;
    background-color:transparent;
    border:none;
    display:inline-block;
    color:#9A9A9A;
    width:10px;
    height:20px;
    padding-right:3px;
    padding-left:5px;
    font-size:15px;    
}
.close_btn:hover{
    background-color:blue;
    color:white;
    cursor:pointer;
    font-weight:bold;
}
/*Style for map*/
/*
.olPopup * {
border:solid 1px red;
-moz-border-radius: 10px;
background-color: transparent;
}

.olPopupContent * {
height:auto;
}

.popup{
background-color:transparent;
border:10px;
}*/
/*
.olPopupContent{
overflow:visible;
padding:0px;
}*/

.popup_content{
    background-color: #ffffff;
    font-size:14px;
    /*color: #385D8A;*/
    /*border: 2px solid #385D8A;
    /*-moz-border-radius: 10px;*/
    padding: 5px;
}

.popup_textbox{
    /*color: #385D8A;*/
    font-size:14px;
    border: 2px solid #385D8A;
    margin:5px;
    height:20px;
}
.tip{
    font:12px Arial,Helvetica,sans-serif;
    border:solid 1px #000000;
    width:auto;
    height:auto;
    padding:10px;
    position:absolute;
    z-index:10000;
    visibility:hidden;
    color:#ffffff;
    /*bottom:35px;
    left:542px;*/
    bottom:0;
    left:0;
    background-color:#333333;
    /*layer-background-color:#ffffcc;*/
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
    /*display:none;*/
}

input.text_box
{
	border:2px solid #385D8A;
	display:block;
	font-size:15px;
	height:20px;
	margin-bottom:5px;
	width:230px;
}

label.mandatory_fields_label:after
{
	content : "*";
	color : red;
}

.mandatory_fields_explaination:before
{
	content : "*";
	color : red;
}

#refresh_button_at_traffic
{
    background-image : url(/images/v2/refresh_traffic.png);
    background-repeat : no-repeat;
    width : 100px;
    height : 35px;
    margin-bottom : 10px;
}

.heading_bar_at_traffic
{
    font-weight : 700;
    background-color : red;
    color : black;
    text-decoration : none;
}

.heading_bar_at_traffic a:link {text-decoration: none ; color : white;}
.heading_bar_at_traffic a:visited {text-decoration: none ; color : white;}
.heading_bar_at_traffic a:active {text-decoration: none ; color : white;}
.heading_bar_at_traffic a:hover {text-decoration: none ; color : white;}

.personalization_panel
{
}

.profile_field_name
{
	float : left;
}

.profile_field_content
{
	float : right;
}

.my_routes_from_to_address
{
    font-size : 10px;
}

.my_routes_from_to_label
{
    font-size : 12px;
}

.my_routes_detailed_routes_container
{

}

.my_places_place_name
{
    font-size : 13px;
    width : 140px;
}
.buttonPanel{
    width:auto;
    height:auto;
    /*background-color:#f0f0f0;*/
    right:2px;
    top:2px;
    padding:3px;
    /*background-image:url(/images/panel_bg.png);
    -moz-border-radius:5px;*/
}

.mbTrafficButtonItemInactive{
    width : 80px; height : 24px;
    background-image: url(/images/mb_traffic_0.png);
    float:right;
    margin-left:1px;
}

.mbTrafficButtonItemInactive:hover{
    width : 80px; height : 24px;
    background-image: url(/images/mb_traffic_1.png);
    float:right;
    margin-left:1px;
}

.mbTrafficButtonItemActive{
    width : 80px; height : 24px;
    background-image: url(/images/mb_traffic_2.png);
    float:right;
    margin-left:1px;
}
.mbIncidentsButtonItemInactive{
    width: 82px; height:24px;
    background-image: url(/images/mb_incidents_0.png);
    float:right;
    margin-left:1px;
}
.mbIncidentsButtonItemInactive:hover{
    width: 82px; height:24px;
    background-image: url(/images/mb_incidents_1.png);
    float:right;
    margin-left:1px;
}
.mbIncidentsButtonItemActive{
    width: 82px; height:24px;
    background-image: url(/images/mb_incidents_2.png);
    float:right;
    margin-left:1px;
}
.mbReportButtonItemInactive{
    width:138px;height:24px;
    background-image: url(/images/mb_report_0.png);
    float:right;
    margin-left:1px;
}
.mbReportButtonItemInactive:hover{
    width:138px;height:24px;
    background-image: url(/images/mb_report_1.png);
    float:right;
    margin-left:1px;
}
.mbReportButtonItemActive{
    width:138px;height:24px;
    background-image: url(/images/mb_report_2.png);
    float:right;
    margin-left:1px;
}
.mbErpButtonItemActive{
    width:77px;height:24px;
    background-image: url(/images/mb_erp_2.png);
    float:right;
    margin-left:1px;
}
.mbErpButtonItemInactive:hover{
    width:77px;height:24px;
    background-image: url(/images/mb_erp_1.png);
    float:right;
    margin-left:1px;
}
.mbErpButtonItemInactive{
    width:77px;height:24px;
    background-image: url(/images/mb_erp_0.png);
    float:right;
    margin-left:1px;
}

/* Calendar Component Styles*/
div.calendar
{
    font-size: 11px;
    color: #000;
}

div.calendar.popup
{
    margin-left: -40px;
    margin-top: -100px;
}

div.calendar table
{
    background-color: #eee;
    border: 1px solid #aaa;
    border-collapse: collapse;
    width:100%;
}

div.calendar thead {
    background-color: white;
}

div.calendar td,
div.calendar th
{
    padding: 1px;
    text-align: center;
}

div.calendar td.title
{
    font-weight: bold;
}

div.calendar th
{
    background: #ddd;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-weight: bold;
    color: #555;
}

div.calendar tr.days td {
    color: #555;
    text-align: center;
    cursor: pointer;
}

div.calendar tr.days td:hover,
div.calendar td.button:hover
{
    background-color: #34ABFA;
    cursor: pointer;
}

div.calendar tr.days td:active
div.calendar td.button:active
{
    background-color: #cde;
}

div.calendar tr.days td.selected
{
    font-weight: bold;
    background-color: #fff;
    color: #000;
}

div.calendar tr.days td.today
{
    font-weight: bold;
    color: #D50000;
}

div.calendar tr.days td.otherDay
{
    color: #bbb;
}

div#gcal-wrapper{width:100%;}
div#jscalendar {text-align:center;margin-left:1px;}
.gcal-callist{width:100%;border:1px solid #999;border-bottom:3px solid #999;}
div#gcal_events{text-align:center;}
div.vevent{
    font-family:verdana;
    font-size:11px;
    background-color:#efefef;
    color:black;
    padding:5px;
    text-align:left;
    margin-top:3px;
}
div.vevent abbr {
    font-weight:bold;
}
span.summary{}
span.location{}
div.description{
    font-size:0.9em;
    margin-top:5px;
}
#divLinkAddEvent{
    color:white;
    background-color:#0000e0;
    -moz-border-radius:5px;
    width:100%;
    margin-top:2px;
    text-decoration:none;
    text-align:center;
    font-size:1.1em;
    font-weight:bold;
}
div.mini-toolbar{
    text-align:right;
    background-color:#ccc;
    font-size:1.1em;
    padding:2px;
    color:white;
    border-bottom:2px solid #999;
    padding-right:10px;
}
div.mini-toolbar a{
    color:#000;
}

a#linkAddEvent{}
#div-event-edit-form{font-size:12px;}
#div-event-edit-h4{font-size:1.3em;margin:0px;padding:2px;color:white;background-color:#333;margin-top:5px;}
form.event-edit-form table{width:100%;}
form.event-edit-form td.f {width:60px;text-align:right;}
form.event-edit-form textarea{font-size:1.0em;}
form.event-edit-form input.i {font-size:1.0em;width:100%;height:20px;}
form.event-edit-form .date_field{width:70px;}
form.event-edit-form .time_field{width:35px;}
form.event-edit-form textarea{width:100%;height:50px;}

#div-event-add-form{font-size:12px;}
#div-event-add-form h4{font-size:1.3em;margin:0px;padding:2px;color:white;background-color:#333;margin-top:5px;}
form.event-add-form table{width:100%;}
form.event-add-form td.f {width:60px;text-align:right;}
form.event-add-form textarea{font-size:1.0em;}
form.event-add-form input.i {font-size:1.0em;width:100%;height:20px;}
form.event-add-form .date_field{width:70px;}
form.event-add-form .time_field{width:35px;}
form.event-add-form textarea{width:100%;height:50px;}

.red_clickable_bar
{
    background-image:url("/images/v2/MenuBar.png");
    background-repeat:repeat-x;
    color:#FFFFFF;
    cursor:pointer;
    font-weight:bold;
    height:25px;
    margin:0;
    padding-left:5px;
    padding-top:5px;
}

/*---------------------------- container ----------------------------------*/
.popup { width:600px; margin:0 auto; border:1px solid #d4d4d4; background:#eee;}


/* header *//*
.header {width:100%; height:27px; border-bottom:1px #cccccc solid; background:#f5f5f5; padding-top:3px; }
.header .title{ padding-left:10px; font-size:18px; float:left; font-weight:bold;}
.header .close{float:right; margin-right:10px; }*/

/* content *//*
.content { background:#fff; padding:10px; }*/

/* FAQ */
.faqTitle {font:bold 15px Tahoma, Arial, Helvetica, sans-serif; padding:10px 0 10px 10px; color:#F06723; }
.faqRow { padding-bottom:10px;}
.faqQexpand {font:bold 12px Arial, Helvetica, sans-serif; ine-height:22px; background:url(/images/v2/icon_expand.png) left no-repeat; padding:5px 0 5px 22px; margin-left:10px;}
.faqQcollapse {font:bold 12px Arial, Helvetica, sans-serif; ine-height:22px; background:url(/images/v2/icon_collapse.png) left no-repeat; padding:5px 0 5px 22px; margin-left:10px;}
.faqA {font:normal 12px Arial, Helvetica, sans-serif; line-height:18px; margin-left:30px;}
.faqContents {background:#fff; line-height:normal;}

/* faqCategory */
.faqtabs {width:100%; background:#fff; line-height:normal; border-bottom:1px solid #BCD2E6; height:34px;}
.faqtabs ul {  margin:0;  padding:10px 10px 0 10px;  list-style:none;}
.faqtabs li { display:inline; margin:0; padding:0; font-weight:bold }
.faqtabs .current { background:#000;}
.faqtabs a { float:left; background:url(/images/tableft1.gif) no-repeat left top;  margin:0; padding:0 0 0 4px; text-decoration:none; }
.faqtabs a span {  float:left; display:block; background:url(/images/tabright1.gif) no-repeat right top;  padding:5px 15px 4px 6px; color:#444444; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.faqtabs a span {float:none;}
/* End IE5-Mac hack */
.faqtabs a:hover { background-position:0% -42px; }
.faqtabs a:hover span { background-position:100% -42px;}