html { min-height: 100%; margin-bottom: 1px; }
.unsel { -moz-user-select: none; -khtml-user-select: none; user-select: none; }

/* Override width */

#content { width: 830px; }

/* Weekly Planner */

#weeklyplanner { float: right; background: none; padding: 0; margin: 0; }
#weeklyplanner a { padding: 0; }
#weeklyplanner img { padding-right: 3px; vertical-align: bottom; }
#weeklyplanner a:link { color:#0060BF; text-decoration: underline; background: none; }
#weeklyplanner a:visited { color:#0060BF; text-decoration: underline; background: none; }
#weeklyplanner a:active { color:#0060BF; text-decoration: underline; background: none; }
#weeklyplanner a:hover { color:#000000; text-decoration: underline; background: none; }

#weeklyplanner a.disabled:link { color:#AAA; text-decoration: underline; }
#weeklyplanner a.disabled:visited { color:#AAA; text-decoration: underline; }
#weeklyplanner a.disabled:active { color:#AAA; text-decoration: underline; }
#weeklyplanner a.disabled:hover { color:#AAA; text-decoration: underline; }

/* Notes */

.noteadd { font-weight: bold; }
.noteaddicon { vertical-align: bottom; cursor: pointer; }

.notexbox { padding-left: 4px; padding-right: 0px; line-height: 1.1em; }
.notextitle { font-weight: bold; color: #0060BF; padding-bottom: 1px; }
.notextext { color: #575757; }
.notexedit { font-size: 0.95em; color: #969696; padding-bottom: 12px; padding-top: 4px; }

.notexeditlink a:link { color:#0060BF; text-decoration: underline; }
.notexeditlink a:visited { color:#0060BF; text-decoration: underline; }
.notexeditlink a:active { color:#0060BF; text-decoration: underline; }
.notexeditlink a:hover { color:#000000; text-decoration: underline; }

.notexedit { width: 201px; }
.notexedit input { font-size: 1.0em; width: 6em; }
.notexedit textarea { font-size: 1.0em; width: 201px; font-family: verdana, arial, helvetica, sans-serif; }
.noteedittext { padding-bottom: 2px; width: 201px; height: 185px; }
.noteeditbutton { text-align: right; margin-bottom: 5px; }

.notexbox { font-size: 1.0em; margin: 0; }
.notetext { width: 201px; }
.notetitle { width: 201px; }

#addnote { padding-bottom: 10px; }

/* Priorities */

.prio1 { background-color: #EA5200; }
.prio1C { background-color: #5F5F5F; }
.prio2 { background-color: #0060BF; }
.prio2C { background-color: #9E9E9E; }
.prio3 { background-color: #359AFF; }
.prio3C { background-color: #D7D7D7; }
.prio4 { background-color: #8AC5FF; }
.prioN { background: transparent; }

.keyprio { border: 1px solid #CACACA; padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.1em; padding-bottom: 0.1em; color: #FFFFFF; text-align: center; }

/* Online Help */

#onlinehelpwrap { background-color: #FFFFFF; border: 1px solid #CACACA; width: 243px; }
#onlinehelpcontent { padding-left: 14px; padding-bottom: 13px; padding-right: 14px; color: #575757; line-height: 1.45em; }
#onlinehelpcontent a { font-weight: normal; }

/* Filter */

#filterwrap { background-color: #FFFFFF; border: 1px solid #CACACA; width: 243px; }
#filtercontent { padding-left: 14px; padding-bottom: 13px; padding-right: 14px; color: #575757; line-height: 1.45em; }
#filtercontent a { font-weight: normal; }
#filtertitle { font-weight: bold; color: #0060BF; padding-bottom: 13px; }


.hidden { display: none; }

#is-syncing, #is-connected, #is-disconnected { border:1px solid #FFFFFF; cursor:pointer; margin:0pt 1px; vertical-align:text-bottom; }

#reminders { padding: 8px 0px 27px 35px; }
#info { padding: 8px 0px 27px 35px; }
#invites { padding: 0px 0px 27px 35px; }

/* Services */

#services { padding: 8px 35px 27px 35px; }
#serviceslist thead { font-weight: bold; }
#serviceslist tr { height: 16px; }
#serviceslist td { padding-right: 7px; }

.detailsadd { font-weight: bold; margin-left: 3px; }
.detailsaddicon { vertical-align: bottom; }

#topnav a { font-weight: bold; }

#listbox { float: left; width: 570px; }
#detailsbox { position: relative; float: right; width: 245px; }

#list { width: 570px; }
#details { width: 245px; background-color: #F9F9F9; }

#tools { border-left: 1px solid #CACACA; border-right: 1px solid #CACACA; }
#detailswrap { border: 1px solid #CACACA; border-top: 0; width: 243px; }
#detailscontent { padding-left: 14px; padding-bottom: 33px; padding-right: 14px; color: #575757; line-height: 1.45em; }
#detailscontent a { font-weight: normal; }
#detailstitle { font-weight: bold; color: #0060BF; padding-bottom: 13px; margin-right: 5px; }

#listdetailswrap label { font-weight: normal; }

#detailsstatuswrap { background-color: #FFFFFF; border: 1px solid #CACACA; width: 243px; }
#detailsstatuscontent { padding-left: 14px; padding-bottom: 13px; padding-right: 14px; color: #575757; line-height: 1.45em; }
#detailsstatuscontent a { font-weight: normal; }

#keywrap { background-color: #FFFFFF; border: 1px solid #CACACA; width: 243px; }
#keycontent { padding-left: 14px; padding-bottom: 13px; padding-right: 14px; color: #575757; line-height: 1.45em; }
#keycontent a { font-weight: normal; }
#keytitle { font-weight: bold; color: #0060BF; padding-bottom: 13px; }

#estform { font-size: 1.0em; margin: 0; }
#estform input { font-size: 1.0em; width: 7em; }
#dueform { font-size: 1.0em; margin: 0; }
#dueform input { font-size: 1.0em; width: 7em; }
#reoccurform { font-size: 1.0em; margin: 0; }
#reoccurform input { font-size: 1.0em; width: 7em; }

.xtarget { cursor: pointer; }
#setest { cursor: pointer; }
#duedate { cursor: pointer; }
#reoccur { cursor: pointer; vertical-align: bottom; }
#keyclose { cursor: pointer; vertical-align: bottom; }
#newsclose { cursor: pointer; vertical-align: bottom; }
#taskedit { cursor: pointer; vertical-align: bottom; }

.field { display: inline; }
.field_img { cursor: pointer; vertical-align: middle; padding-left: 3px; }

#detailstitle_span input { width: 180px; }
#detailsdue_span input { width: 130px; }
#detailsreoccur_span input { width: 130px; }
#detailsduration_span input { width: 100px; }
#detailstags_span input { width: 150px; }
#detailsurl_span input { width: 150px; }
#detailsurl_span { word-wrap: break-word; text-overflow: ellipsis; }
#savelistname { width: 180px; }

#listpendingform { padding-top: 1.0em; }

.fieldcount { color: #7C7C7C; }

.taskadd { font-weight: bold; margin-left: 5px; }
.taskaddicon { vertical-align: bottom; cursor: pointer; }

.taskoverdue { font-weight: bold; text-decoration: underline; }
.taskduetoday { font-weight: bold; }

.taskrowjustadded { background-color: #FFFFCC; }
.taskrowhover     { background-color: #FFFFCC; }
.taskrowhighlight { background-color: #E8EEF7; }
.taskrowerror     { background-color: #FFE1E1; }

#addEntry { padding-bottom: 10px; float: right; padding-right: 10px; }
#printlist { padding-bottom: 4px; }
#exportlist { padding-bottom: 4px; }
#exportlistevents { padding-bottom: 3px; }
#atomlist { padding-bottom: 3px; }
#permalist { padding-bottom: 10px; }

#taskactions { padding-left: 20px; }
#taskactions form input { font-size: 1.0em; padding-left: 3px; padding-right: 3px; }
#taskactions form select { font-size: 1.0em; }

#generalactions { padding-left: 20px; }
#generalactions form input { font-size: 1.0em; padding-left: 3px; padding-right: 3px; }
#generalactions form select { font-size: 1.0em; }

#listactions { padding-left: 20px; }
#listactions form input { font-size: 1.0em; padding-left: 3px; padding-right: 3px; }
#listactions form select { font-size: 1.0em; }

#contactactions { padding-left: 20px; }
#contactactions form input { font-size: 1.0em; padding-left: 3px; padding-right: 3px; }
#contactactions form select { font-size: 1.0em; }

#groupactions { padding-left: 20px; }
#groupactions form input { font-size: 1.0em; padding-left: 3px; padding-right: 3px; }
#groupactions form select { font-size: 1.0em; }

#taskselection { padding-top: 5px; padding-left: 20px; color: #757575; }
#taskselection a { font-weight: normal; }

.xtoolbox_actions { padding-left: 20px; }
.xtoolbox_actions form input { font-size: 1.0em; padding-left: 3px; padding-right: 3px; }
.xtoolbox_actions form select { font-size: 1.0em; }
.xtoolbox_button { margin-right: 5px; }
.xtoolbox_selector { padding-top: 5px; padding-left: 20px; color: #757575; }
.xtoolbox_selector a { font-weight: normal; }

/* Tabs (Old) */

.xtabs { float:left; width:100%; background:#fff url("http://static.rememberthemilk.com/img/bg.gif") repeat-x bottom; font-size: 1.0em; line-height: normal; }
.xtabs ul { margin:0; padding: 0px 10px 0px 10px; list-style:none; }
.xtabs li { float:left; background:url("http://static.rememberthemilk.com/img/left_white.png") no-repeat left top; margin:0; padding:0 2px 0 9px; border-bottom:1px solid #CACACA; line-height: 1.8em; text-decoration:none; }
.xtabs .xtab_smartlist { background:url("http://static.rememberthemilk.com/img/left_blue.png") no-repeat left top; }
.xtabs_grey li { background:url("http://static.rememberthemilk.com/img/left_grey.png") no-repeat left top; text-decoration:none; }
.xtabs a { float:left; display:block; width:.1em; background:url("http://static.rememberthemilk.com/img/right_white.png") no-repeat right top; padding:2px 11px 0px 2px; text-decoration:none; font-weight:bold; color:#fff; white-space: nowrap; }
.xtabs .xtab_smartlist a { background:url("http://static.rememberthemilk.com/img/right_blue.png") no-repeat right top; }
.xtabs_grey a { background:url("http://static.rememberthemilk.com/img/right_grey.png") no-repeat right top; }
.xtabs > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.xtabs a {float:none;}
/* End IE5-Mac hack */
.xtabs a:hover { color:#333; }
.xtabs li a:link, .xtabs li a:visited, .xtabs li a:active { text-decoration:none; color: #fff; }
.xtabs li.xtab_selected a:link, .xtabs li.xtab_selected a:visited, .xtabs li.xtab_selected a:active { text-decoration:none; color: #000; }
.xtabs li.xtab_selected { background-position:0 -150px; border-width:0; }
.xtabs li.xtab_selected a { background-position:100% -150px; text-decoration:none; padding-bottom:1px; color:#000; }
.xtabs li:hover, .xtabs li:hover a { background-position:0% -150px; color:#000; }
.xtabs li:hover a { background-position:100% -150px; }

/* Footer */

.appfooter { padding-top: 20px; padding-bottom: 5px; }
.appfootercontent { padding-bottom: 0.5em; color: #ccc; }
.appfooter-news { padding-bottom: 4px; }
.appfooter-news-content { padding: 10px 0; background-image: url('/img/bg_dot.gif'); background-repeat: repeat-x; background-position: left bottom; }
.appfooter-news table { border-spacing: 0px; border-collapse: collapse; }
.appfooter-news table td { vertical-align: top; }
.appfooter-news table td.icons { white-space: nowrap; }
.appfooter-news .new { font-family: arial, helvetica, sans-serif; background-color: #FFCC66; font-size: 0.8em; padding: 0px 2px; margin-right: 6px; }
.appfooter-news .ico { margin-right: 6px; }
.appfooter-news .ico img { width: 20px; height: 11px; vertical-align: middle; padding-top: 1px; }
.appfooterfeedback { margin: 0; padding: 0; vertical-align: top; }
.appfooterfeedbackimg { padding-top: 0.4em; margin-left: 1em; }
.appfooterfeedbacktext { vertical-align: top; }

#appheader { padding-bottom: 1em; }
#appheaderlogo { float: left; }
#appheaderlogo img { width: 188px; height: 83px; }

#inviteform label { font-weight: bold; }
#inviteform input { width: 185px; }
#inviteform textarea { width: 185px; height: 65px; }
#inviteform tr { padding-top: 5px; }
#inviteform td.label { text-align: right; vertical-align: middle; padding-bottom: 12px; }
#inviteform td.field { padding-left: 5px; padding-bottom: 12px; }
#invite_send { margin-top: 7px; }

#dateformatwrap { display: block; width: 300px; float: left; margin-bottom: 10px; }

#settingssubmit { float: none; }

.error { background:url("http://static.rememberthemilk.com/img/ico/ico_cross_org.gif") no-repeat 8px 3px; padding-bottom: 14px; }
.error_msg { font-weight: bold; color: #EA5200; margin-left: 6px; position: relative; top: 3px; }
.success { background:url("http://static.rememberthemilk.com/img/ico/ico_check_blu.gif") no-repeat 8px 3px; padding-bottom: 14px; }
.success_msg { font-weight: bold; color: #0060BF; margin-left: 6px; position: relative; top: 3px; }

.boxspacing { height: 1em; }

.box { text-align: center; font-weight: bold; vertical-align: middle; width: 12%; }
.boxactive { border: 1px solid #0060BF; color: #0060BF; }
.boxactive a:link { text-decoration: none; }
.boxactive a:visited { text-decoration: none; }
.boxactive a:active { text-decoration: none; }
.boxactive a:hover { text-decoration: none; }
.boxinactive { border: 1px solid #cacaca; color: #cacaca; }
.boxdesc { padding-left: 9px; vertical-align: middle; }
.boxdescinactive { color: #cacaca; }

#whatsnew_table { width: 100%; empty-cells: show; border-spacing: 0px; }
#whatsnew_table td { padding-top: 2.5%; padding-bottom: 2.5%; }

.xtable { background-color: #f9f9f9; color: #575757; border: 0px; padding: 0px; border-top: 1px solid #CACACA; width: 100%; border-collapse: collapse; border-spacing: 0px; cursor: pointer; empty-cells: show; }
.xtable_loading { font-weight: bold; color: #0060BF; }
.xtr_empty { font-weight: bold; color: #0060BF; font-style: italic; cursor: default; }
.xtr { width: 100%; }
.xtr_hover { background-color: #FFFFCC; }
.xtr_select { background-color: #E8EEF7; }
.xtd { border-bottom: 1px solid #CACACA; height: 32px; }
.xtd_prio { width: 10px; border-right: 1px solid #CACACA; }
.xtd_text { padding-left: 1.0em; }
.xtd_entry { width: 100%; }
.xtd_date { color: #AEAEAE; font-size: 0.95em; width: 5%; padding-right: 11px; white-space: nowrap; }
.xtd_date_list { color: #AEAEAE; font-size: 0.95em; width: 25%; text-align: right; padding-right: 1.0em; }
.xtd_image { font-size: 0.95em; text-align: center; width: 5%; padding-right: 11px; }
.xtd_check { padding-left: 1em; width: 1%; }

#statusbox { margin-top: 3em; }
#break { margin:0; padding-top: 0.75em; padding-bottom: 0.75em; clear: both; }
#break2 { margin: 0; padding-top: 0.75em; padding-bottom: 0.75em; clear: both; }
.xtab_selected { font-weight: bold; }

 /* set background images for corners */

.whats_rbroundbox    { background: url(http://static.rememberthemilk.com/img/news_back.gif) repeat; }
.whats_rbtop         { background: url(http://static.rememberthemilk.com/img/news_t.gif) repeat-x; }
.whats_rbtop div     { background: url(http://static.rememberthemilk.com/img/news_tl.gif) no-repeat top left; }
.whats_rbtop div div { background: url(http://static.rememberthemilk.com/img/news_tr.gif) no-repeat top right; }
.whats_rbbot         { background: url(http://static.rememberthemilk.com/img/news_b.gif) repeat-x; }
.whats_rbbot div     { background: url(http://static.rememberthemilk.com/img/news_bl.gif) no-repeat top left; }
.whats_rbbot div div { background: url(http://static.rememberthemilk.com/img/news_br.gif) no-repeat top right; }
.whats_rbcontentwrap { background: url(http://static.rememberthemilk.com/img/news_l.gif) repeat-y; }
.whats_rbcontent     { background: url(http://static.rememberthemilk.com/img/news_r.gif) repeat-y right; }

 /* height and width details */
 
.whats_rbtop div, .whats_rbtop, .whats_rbbot div, .whats_rbbot { width: 100%; height: 7px; font-size: 1px; }
.whats_rbcontent  { padding: 1px 1.5em; margin: 0; min-height: 164px; }
.whats_rbroundbox { width: 100%; min-height: 178px; }

#notification tr { margin-top: 50px; }
#notification input.field { width: 207px; }
#notification select.field { width: 210px; }
#notification label.state { padding-left: 2px; }
#notification td { padding-right: 3px; }

/* Rounded buttons */

#statusboxbuttons { text-align: right; width: 157px; }
.roundbtn { width: 70px; float: left; margin-left: 5px; }
.roundbtn_org { cursor: pointer; }
.roundbtn_blu { cursor: pointer; }
.roundbtnwrap { display: block }
.roundbtnwrap * { display: block; height: 1px; overflow: hidden; background-color: #C4C4C4; font-size: 1px; }
.roundbtnwrap_org * { background-color: #EA5200; }
.roundbtnwrap_blu * { background-color: #0060BF; }
.roundbtn1 { border-right: 1px solid #DEC89B; border-left: 1px solid #DEC89B; margin: 0px 1px; }
.roundbtn2 { border-right: 1px solid #DEC89B; border-left: 1px solid #DEC89B; }
.roundbtn1_org, .roundbtn2_org { border-color: #F3872C; }
.roundbtn1_blu, .roundbtn2_blu { border-color: #708F98; }
.roundbtn_content { padding: 1px 12px 2px 12px; background-color: #C4C4C4; color: #fff; font-weight: bold; font-size: 95%; text-align: center; }
.roundbtn_content_org { background-color: #EA5200; }
.roundbtn_content_blu { background-color: #0060BF; }

#generalsettingswrap { padding: 12px 25px 21px 25px; }
#generalsettingswrap td.field { display: block; }
#accountstatus, .settings-header-text { margin-bottom: 20px; padding: 3px 3px 13px 3px; margin-top: -8px; background-image: url('/img/bg_dot.gif'); background-repeat: repeat-x; background-position: bottom left; }
#settings-sync label { font-weight: normal; }

/*********************/
/***** SEARCHING *****/
/*********************/

/* Search Box */

#searchbox { float: right; clear: right; padding-top: 13px; }
#searchboxwrap table { border-spacing: 0px; border-collapse: collapse; empty-cells: show; border: 1px solid #7F9DB9; }
#searchicon { width: 17px; height: 17px; background:url('http://static.rememberthemilk.com/img/ico/ico_search_blu.gif') no-repeat 4px 4px; }
#listFilter { width: 105px; border: 0px; padding: 0px; margin-left: 3px; }

/* Search Options */

#searchoptions { border: 1px solid #CACACA; margin-bottom: 0.2em; clear: both; left: 0; right: 0; margin: auto; text-align: center; /*width: 100%;*/ }
#searchhideoptions { margin-top: 4px; margin-right: 6px; text-align: right; font-size: 10px; }
#searchoptionswrap { padding: 17px 30px 15px 30px; }
#searchoptionsform table { text-align: left; width: 100%; border-spacing: 0px; border-collapse: collapse; empty-cells: show; }
#searchoptionsform .formlabel, #searchoptionsform .formlabel2 { padding-top: 2px; padding-right: 8px; vertical-align: top; text-align: right; white-space: nowrap; }
#searchoptionsform .formlabel2 { padding-left: 15px; }
#searchoptionsform .formfield { padding-bottom: 8px; white-space: nowrap; }
#searchoptionsform .textfield { width: 150px; }
#searchoptionsform .eg1, #searchoptionsform .eg2 { display: inline; padding-top: 1px; font-size: 10px; color: #575757; }
#searchtogglewrap { margin-top: 2px; text-align: right; font-size: 10px; width: 127px; }

/*******************/
/***** TAGGING *****/
/*******************/

/* Task Cloud */

.taskcloud { margin: 0px; padding: 0px; padding-top: 20px; }
.taskcloudcontent { padding: 0.6em 1.5em 0.0em 1.5em; }
#taskcloudcontent_copy { padding: 0.6em 1.5em 0.6em 1.5em; }
.taskcloudcontent a { line-height: 1.3em; padding-right: 5px; }
.taskcloudcontent a:link { text-decoration: none; }
.taskcloudcontent a:visited { text-decoration: none; }
.taskcloudcontent a:active { text-decoration: none; }
.taskcloudcontent a:hover { text-decoration: underline; }
.taskcloudcontent .tasktag a { color: #0060BF; }
.taskcloudcontent .tasktag a:link { color: #0060BF; text-decoration: none; }
.taskcloudcontent .tasktag a:visited { color: #0060BF; text-decoration: none; }
.taskcloudcontent .tasktag a:active { color: #0060BF; text-decoration: none; }
.taskcloudcontent .tasktag a:hover { color: #0060BF; text-decoration: underline; }
.taskcloudcontent .listtag a { color: #8B8B8B; }
.taskcloudcontent .listtag a:link { color: #8B8B8B; text-decoration: none; }
.taskcloudcontent .listtag a:visited { color: #8B8B8B; text-decoration: none; }
.taskcloudcontent .listtag a:active { color: #8B8B8B; text-decoration: none; }
.taskcloudcontent .listtag a:hover { color: #8B8B8B; text-decoration: underline; }
.taskcloudcontent .locationtag a { color: #0060BF; }
.taskcloudcontent .locationtag a:link { color: #0060BF; text-decoration: none; }
.taskcloudcontent .locationtag a:visited { color: #0060BF; text-decoration: none; }
.taskcloudcontent .locationtag a:active { color: #0060BF; text-decoration: none; }
.taskcloudcontent .locationtag a:hover { color: #0060BF; text-decoration: underline; }
.taskcloudwhat { padding: 5px 10px 15px 0px; }
.taskcloudwhatcontent { float: right; font-size: 10px; }
.taskcloudcontent .level1 { font-size: 11px; }
.taskcloudcontent .level2 { font-size: 12px; }
.taskcloudcontent .level3 { font-size: 13px; }
.taskcloudcontent .level4 { font-size: 14px; }
.taskcloudcontent .level5 { font-size: 15px; }
.taskcloudcontent .level6 { font-size: 16px; }
.taskcloudcontent .level7 { font-size: 17px; }
.taskcloudcontent .level8 { font-size: 18px; }
.taskcloudcontent .level9 { font-size: 19px; }

/* Autocomplete */

.autocomplete_list { margin: 2px 0px 0px 2px;  position: absolute; top: 0px; left: 0px; display: block; border: 1px solid #CACACA; font-family: verdana; font-size: 1.0em; background-color: #fff; text-align: left; }
.autocomplete_list ul { margin: 0; padding: 2px; }
.autocomplete_list ul li { list-style: none; padding: 3px; }
.autocomplete_list ul li.highlight { background-color: #0060BF; color: #fff; }

/*********************/
/***** LOCATIONS *****/
/*********************/

/* Map */

#mapbox { float: left; width: 670px; }
#mapwrap { width: 668px; border: 1px solid #CACACA; }
#map { width: 668px; height: 445px; }
#searchmap { margin-bottom: 5px; }
#searchmapoptions { float: right; display: inline; margin-top: 5px; color: #616161; font-size: 10px; }
#searchmapoptions label { font-weight: normal; }
#searchmapoptions input { margin-right: 6px; }
#searchmapinputwrap table { text-align: left; border-spacing: 0px; border-collapse: collapse; empty-cells: show; }
#searchmapinputwrap input { width: 320px; padding: 1px; margin-right: 3px; }

/* Map Filter Buttons */

.mfbtn { cursor: pointer; margin-left: 1px; }
.mfbtn_tod { width: 64px; }
.mfbtn_tom { width: 75px; }
.mfbtn_tw { width: 75px; }
.mfbtn_for { width: 64px; }
.mfbtnwrap { display: block; }
.mfbtnwrap * { display: block; height: 1px; overflow: hidden; background-color: #575757; font-size: 1px; }
.mfbtn1 { border-right: 1px solid #616160; border-left: 1px solid #616160; margin: 0px 1px; }
.mfbtn2 { border-right: 1px solid #616160; border-left: 1px solid #616160; }
.mfbtn_content { padding: 1px 8px 2px 8px; background-color: #575757; color: #fff; font-size: 10px; text-align: center; }
.mfbtn_content_bold { font-weight: bold; }
.mfbtn_opaque { opacity: .75; filter: alpha(opacity=75); font-weight: normal; }

/* Map Type Buttons */

.mtbtn { cursor: pointer; margin-bottom: 2px; width: 75px; }
.mtbtnwrap { display: block; }
.mtbtnwrap * { display: block; height: 1px; overflow: hidden; background-color: #575757; font-size: 1px; }
.mtbtn1 { border-right: 1px solid #616160; border-left: 1px solid #616160; margin: 0px 1px; }
.mtbtn2 { border-right: 1px solid #616160; border-left: 1px solid #616160; }
.mtbtn_content { padding: 1px 8px 2px 8px; background-color: #575757; color: #fff; font-size: 10px; text-align: center; }
.mtbtn_content_bold { font-weight: bold; }
.mtbtn_opaque { opacity: .75; filter: alpha(opacity=75); font-weight: normal; }
.mtbtn_arr { width: 7px; height: 6px; vertical-align: middle; }

/* Go Button */

.gobtn { width: 40px; cursor: pointer; }
.gobtnwrap { display: block; }
.gobtnwrap * { display: block; height: 1px; overflow: hidden; background-color: #0060BF; font-size: 1px; }
.gobtn1 { border-right: 1px solid #708F98; border-left: 1px solid #708F98; margin: 0px 1px; }
.gobtn2 { border-right: 1px solid #708F98; border-left: 1px solid #708F98; }
.gobtn_content { padding: 1px 10px 2px 10px; background-color: #0060BF; color: #fff; font-weight: bold; font-size: 10px; text-align: center; }

/* Location Save Button */

.lsbtn { width: 46px; cursor: pointer; }
.lsbtnwrap { display: block; }
.lsbtnwrap * { display: block; height: 1px; overflow: hidden; background-color: #0060BF; font-size: 1px; }
.lsbtn1 { border-right: 1px solid #708F98; border-left: 1px solid #708F98; margin: 0px 1px; }
.lsbtn2 { border-right: 1px solid #708F98; border-left: 1px solid #708F98; }
.lsbtn_content { padding: 1px 6px 2px 6px; background-color: #0060BF; color: #fff; font-weight: bold; font-size: 10px; text-align: center; }

/* Locations List */

#locationsbox { position: relative; float: right; width: 152px; padding-top: 2px; }
#locations_display * { padding: 0; margin: 0; }
#locations_display { width: 150px; height: 364px; overflow: auto; border: 1px solid #CACACA; color: #616161; }
#locationswrap { padding: 8px; }
#locationsmanage { font-size: 10px; margin-top: 2px; }
#locationstbl { border-spacing: 0px; border-collapse: collapse; empty-cells: show; }
#locationstbl td { padding-bottom: 5px; }
#locationstbl .locwrap { float: left; width: 100%; }
#locationstbl .locsearch { float: left; }
#locationstbl .locname { float: left; max-width: 83px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#locationstbl input { margin-right: 5px; }
#locationstbl img { margin-left: 5px; padding-top: 3px; }
#locationadd { padding-bottom: 7px; text-align: right; }
.locationadd { font-weight: bold; margin-left: 5px; }
.locationaddicon { vertical-align: bottom;  cursor: pointer; }

/* Locations Key */

#loc_key { margin-top: 8px; width: 150px; border: 1px solid #CACACA; color: #616161; }
#loc_key_close { float: right; padding-top: 4px; padding-right: 5px; }
#loc_key_wrap { padding: 6px; }
#loc_key_head { padding-bottom: 5px; }
#loc_key_icon { vertical-align: middle; }
#loc_key_title { font-weight: bold; color: #0060BF; padding-left: 6px; }
#loc_key_content { padding: 2px; }
#loc_key_prio_wrap { padding: 7px 0px 3px 0px; }
.loc_key_prio { margin-right: 1px; border: 1px solid #CACACA; padding: 0.1em 0.6em 0.2em 0.6em; font-size: 10px; color: #fff; }
.loc_key_prio1 { background-color: #EA5200; }
.loc_key_prio2 { background-color: #0060BF; }
.loc_key_prio3 { background-color: #359AFF; }
.loc_key_prio4 { background-color: #C4C4C4; }

/* Info Window */

.iw_rbroundbox { width: 180px; }
.iw_rbtop div { background: url('/img/locations/iw_tl.png') no-repeat top left; }
.iw_rbtop div div { background: url('/img/locations/iw_tr.png') no-repeat top right; }
.iw_rbbot div { background: url('/img/locations/iw_bl.png') no-repeat top left; }
.iw_rbbot div div { background: url('/img/locations/iw_br.png') no-repeat top right; }
.iw_rbtop div, .iw_rbtop { width: 100%; height: 8px; font-size: 1px; }
.iw_rbbot div, .iw_rbbot { width: 100%; height: 15px; font-size: 1px; }
.iw_rbcontentwrap { background: url('/img/locations/iw_l.png') repeat-y; }
.iw_rbcontent { background: url('/img/locations/iw_r.png') repeat-y right; padding: 1px 7px 3px 8px; margin: 0; font-size: 10px; }
.iw_title { color: #575757; font-weight: bold; padding-bottom: 5px; }
.iw_prio { padding-right: 4px; }
.iw_prio1 { color: #EA5200; }
.iw_prio2 { color: #0060BF; }
.iw_prio3 { color: #359AFF; }
.iw_prio4 { color: #C4C4C4; }
.iw_tasks * { margin: 0; padding: 0; font-size: 10px; }
.iw_tasks { padding: 0px 5px 6px 13px; }
.iw_tasks li { padding: 1px 0px 1px 0px; }
.iw_tasks a { position: relative; left: -3px; }
.iw_close { width: 12px; height: 12px; float: right; margin-top: -4px; margin-right: 5px; z-index: 10000; }
.iw_nav { margin-top: 3px; }
.iw_nav_inactive { color: #B9B9B9; }
.iw_nav_page { color: #B9B9B9; font-weight: bold; }
.iw_saveloc table { text-align: left; border-spacing: 0px; border-collapse: collapse; empty-cells: show; }
.iw_saveloc input { width: 103px; padding: 1px; margin-right: 3px; }
.iw_address { padding: 0px 5px 7px 3px; color: #676767; }

/* Map Loading */

#maploading { float: right; display: inline; margin-left: 6px; }
#maploadingicon { width: 20px; height: 20px; }

/* Offline */
.disabled { color: #AAA; cursor: default; }
a.disabled:link { color:#AAA; text-decoration: underline; }
a.disabled:visited { color:#AAA; text-decoration: underline; }
a.disabled:active { color:#AAA; text-decoration: underline; }
a.disabled:hover { color:#AAA; text-decoration: underline; }

/* Offline Status Box */

#offline-status-box { position: absolute; right: 0pt; top: 0pt; z-index: 2001; width: 200px; border: 1px solid #CACACA; background-color: #fff; }
#offline-status-box-content { padding: 0.6em; line-height: 1.2em; text-align: left; }
#offline-status-box-shadow { position: absolute; top: 34px; left: -1000px; z-index: 2000; width: 200px; border: 1px solid #CACACA; background-color: #CACACA; opacity: 0.8; filter: alpha(opacity=80); }

/* Offline Dialog Box */
.dialog-bg { text-align: left; background-color:#FFFFFF; left:0px; position:absolute; top:0px; z-index:2000; }
.dialog-frame { text-align: left; background-color:#AAAAFF; border: 8px solid #D1D1D1; left:0px; position:absolute; top:0px; width:450px; z-index:2001; opacity: 1; filter: alpha(opacity=100);}
.dialog-title { background-color:#0060BF; color: #fff; cursor:default; font-size: 1.3em; font-weight:bold; padding: 10px 12px; position:relative; }
.dialog-content { background-color:#FFFFFF; padding:2px 12px; }
.dialog-content p { margin: 0.8em 0; }
#dialog-content-text h2 { font-size: 1.3em; }
.dialog-buttons { background-color:#FFFFFF; padding:4px; text-align:right; }
.dialog-buttons button { margin: 5px }

/* Sorting */

#sorting { float: right; margin-top: -10px; margin-right: 10px; }
.sortbtn table { border-collapse: collapse; border-spacing: 0px; }
.sortbtn td.lft { background-image: url("/img/btn_sort_lft.png"); background-position: 0 0; background-repeat: no-repeat; width: 4px; height: 20px; cursor: pointer; }
.sortbtn td.mid { background-image: url("/img/btn_sort_mid.png"); background-position: 0 0; background-repeat: repeat-x; height: 20px; padding: 0px 2px; cursor: pointer; white-space: nowrap; }
.sortbtn td.rgt { background-image: url("/img/btn_sort_rgt.png"); background-position: 0 0; background-repeat: no-repeat; width: 4px; height: 20px; cursor: pointer; }
.sortbtn table:hover td.lft { background-image: url("/img/btn_sort_lft.png"); background-position: 0 -20px; }
.sortbtn table:hover td.mid { background-image: url("/img/btn_sort_mid.png"); background-position: 0 -20px; }
.sortbtn table:hover td.rgt { background-image: url("/img/btn_sort_rgt.png"); background-position: 0 -20px; }
.sortbtn table.hover td.lft { background-image: url("/img/btn_sort_lft.png"); background-position: 0 -20px; }
.sortbtn table.hover td.mid { background-image: url("/img/btn_sort_mid.png"); background-position: 0 -20px; }
.sortbtn table.hover td.rgt { background-image: url("/img/btn_sort_rgt.png"); background-position: 0 -20px; }
.sortbtn img { vertical-align: middle; padding-left: 2px; }
.sortbtn a:link { color: #000; text-decoration: none; }
.sortbtn a:visited { color: #000; text-decoration: none; }
.sortbtn a:active { color: #000; text-decoration: none; }
.sortbtn a:hover { color: #000; text-decoration: none; }
.sortlist { margin: 2px 0px 0px 2px; position: absolute; top: 0px; left: 0px; display: block; cursor: pointer; z-index: 100; border: 1px solid #CACACA; background-color: #F9F9F9; text-align: left; }
.sortlist table { border-collapse: collapse; border-spacing: 0px; }
.sortlist table td.sortchk { padding: 3px 0px 3px 14px; white-space: nowrap; }
.sortlist table td.sorttype { padding: 3px 15px 3px 0px; white-space: nowrap; }
.sortlist table tr:hover { background-color: #0060BF; color: #fff; }
.sortlist table tr.hover { background-color: #0060BF; color: #fff; }
.sortchk_on { background-image: url("/img/ico/ico_sort_chk_gry.gif"); background-repeat: no-repeat; background-position: center center; }
.sortlist table tr:hover .sortchk_on { background-image: url("/img/ico/ico_sort_chk_blu.gif"); }
.sortlist table tr.hover .sortchk_on { background-image: url("/img/ico/ico_sort_chk_blu.gif"); }

/* Pro */

.prouser { padding-left: 3px; }
.prouser img { width: 19px; height: 10px; vertical-align: middle; padding-top: 1px; }
