html {
	height:100%; 
	max-height:100%; 
}
html * {
    margin: 0;
    /*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */
    
}

/* GENERAL */



body {
    background: #fff;
    color: #333;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin:0;
	padding:0;
	height:100%; 
	max-height:100%;
	overflow:hidden;
}
a {
   outline: none;
	color:#555;font-weight:bold
}
a:hover{text-decoration:underline;color:black;}
a:link, a:visited, a:hover {
    font-weight: bold;
    text-decoration: none;
    outline: none;
} 

h1 {
    color: #006dba;
    font-weight: normal;
    font-size: 16px;
    margin: .8em 0 .3em 0;
}
h2 {color:#fff;font-size:15px;font-weight:bold}

input, select, textarea {
    background-color: #fcfcfc;
    border: 1px solid #ccc;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 2px 0;
    padding: 2px 4px;
}
input[type="checkbox"], input[type="radio"]{background:transparent;border:none;}
select {
   padding: 2px 2px 2px 0;
}
textarea {
	width: 250px;
	height: 150px;
	vertical-align: top;
}

input:focus, select:focus, textarea:focus {
    border: 1px solid #b2d1ff;
}

.body {
    float: left;
    margin: 0 10px 10px 0px;
}

/* NAVIGATION MENU */

.nav {
    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-style: solid none solid none;	
    margin-top: 5px;
    padding: 7px 12px;
}

.menuButton {
    font-size: 10px;
    padding: 0 5px;
}
.menuButton a {
    color: #333;
    padding: 4px 6px;
}
.menuButton a.home {
    background: url(../images/skin/house.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}
.menuButton a.list {
    background: url(../images/skin/database_table.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}
.menuButton a.create {
    background: url(../images/skin/database_add.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

/* MESSAGES AND ERRORS */

.message {
    background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}

div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
}
div.errors ul {
    list-style: none;
    padding: 0;	
}
div.errors li {
	background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
    line-height: 16px;
    padding-left: 30px;
}

td.errors select {
    border: 1px solid red;
}
td.errors input {
    border: 1px solid red;
}

/* TABLES */

tr {
    border: 0;
}
td, th { 
    font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 12px;
    padding: 5px 0px;
    text-align: left;
    vertical-align: top;
}
th {
    background: #fff url(../images/skin/shadow.jpg);
    color: #666;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
    padding: 2px 6px;
}
th a:link, th a:visited, th a:hover {
    color: #333;
    display: block;
    font-size: 10px;
    text-decoration: none;
    width: 100%;
}
th.asc a, th.desc a {
    background-position: right;
    background-repeat: no-repeat;
}
th.asc a {
    background-image: url(../images/skin/sorted_asc.gif);
}
th.desc a {
    background-image: url(../images/skin/sorted_desc.gif);
}

.odd {
    background: #f7f7f7;
}
.even {
    background: #fff;
}

/* LIST */

.list table {
    border-collapse: collapse;
}
.list th, .list td {
    border-left: 1px solid #ddd;
}
.list th:hover, .list tr:hover {
    background: #b2d1ff;
}

/* PAGINATION */

.paginateButtons {
    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-top: 0;
    color: #666;
    font-size: 10px;
    overflow: hidden;
    padding: 10px 3px;
}
.paginateButtons a {
    background: #fff;
    border: 1px solid #ccc;
    border-color: #ccc #aaa #aaa #ccc;
    color: #666;
    margin: 0 3px;
    padding: 2px 6px;
}
.paginateButtons span {
    padding: 2px 3px;
}

/* DIALOG */

.dialog table {
    padding: 5px 0;
}

.prop {
    padding: 5px;
}
.prop .name {
    text-align: left;
    width: 15%;
    white-space: nowrap;
}
.prop .value {
    text-align: left;
    width: 85%;
}

/* ACTION BUTTONS */

.buttons {
    background: #fff url('../images/skin/shadow.jpg') bottom repeat-x;
    border: 1px solid #ccc;
    color: #666;
    font-size: 10px;
    margin-top: 5px;
    overflow: hidden;
    padding: 0;
}

.buttons input {
    background: #fff;
    border: 0;
    color: #333;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    margin-left: 3px;
    overflow: visible;
    padding: 2px 6px;
}
.buttons input.delete {
    background: transparent url('../images/skin/database_delete.png') 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.edit {
    background: transparent url('../images/skin/database_edit.png') 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.save {
    background: transparent url('../images/skin/database_save.png') 5px 50% no-repeat;
    padding-left: 28px;
}



.ui-selecting {
  background-color: #eee;
}
.ui-selected {
  background-color: #E6F7D4;
}

#header {position:absolute;float:left;clear:both;z-index:2;width:100%;background: transparent url('../images/tn_planner/header_bg.png') 0px 0px repeat-x;height:65px}
#header img {float:left;clear:none;padding-top:5px}
#header h1 {display:inline;font-size:26px;color:gray;vertical-align:middle}
#header .top_menu {font-size:13px;position:relative;float:right;top:0px;right:10px;clear:none;}


.hang_menu_lf{background:transparent url('../images/tn_planner/hang_lf.png') top left no-repeat;width:10px;height:27px;clear:none;float:left}
.hang_menu_rg{background:transparent url('../images/tn_planner/hang_rg.png')  right top no-repeat;height:27px;clear:none;float:left;padding-right:14px}
.hang_menu {font-size:13px;position:absolute;height:34px;top:50px;clear:none;z-index:10;}
.ltr .hang_menu{float:left;right:220px;}
.rtl .hang_menu{float:left;left:220px;}
/*
#header .top_menu a {display:block;float:left;clear:none;padding-top:1px;width:67px;height:20px;text-align:center;margin:0 5px 0px 5px;color:#103946;font-weight:normal}
#header .top_menu a:hover{background:transparent url('../images/tn_planner/menu_button.png') top left no-repeat;color:#fff;}
*/
.hang_menu .menu_item{margin:0px 5px 0px 5px;display:block;float:left;clear:none;font-weight:normal;text-align:center;color:#fff;text-decoration:none;}
.hang_menu .menu_item:hover{text-decoration:underline}

#header .menu_item{margin:0px 10px 0px 0px;display:block;float:left;clear:none;font-weight:normal;text-align:center;color:#fff;text-decoration:none;width:68px;height:25px;background:transparent url('../images/tn_planner/menu_bg.png')  0px -60px no-repeat;}
#header .menu_item:hover{background:transparent url('../images/tn_planner/menu_bg.png') 0px -25px no-repeat;}
#header .signout{color:#103946;font-weight:normal}
#header .signout:hover{text-decoration:underline}

#footer {width:100%;padding-top:10px;text-align:center;height:16px;position:absolute;margin-top:-16px;bottom:0px;background:transparent url('../images/tn_planner/footer_bg.png') 0px 0px repeat-x;}
#footer a{margin-left:15px}

#container{float:left;background-color:#ccc;margin:0;min-height: 100%;height:auto;width:100%;}

#blueScreen {position:absolute;left:0px; top:0px; margin:0;padding:0;width:100%;height:100%;overflow: hidden;z-index:0; background:#008fd0;}
#planner_body {width:100%;height:100%;margin:0px 0px 0px 0px;padding-bottom:20px}
#search_panel {height:auto;position:absolute;padding:0px; margin:0 0;float:left;width:216px;top:51px;z-index:5;background:transparent}
.ltr #search_panel {left:0px;}
.rtl #search_panel {right:0px;}




#search_panel .hr {background:transparent url('../images/tn_planner/separator.png') center center no-repeat;border:none;height:9px;width:100%;clear:both;}
.ltr #search_panel .hr {float:left}
.rtl #search_panel .hr {float:right}
#search_panel .lower_panel{left:2px;}


.planner-bottom-slider-header {
	padding:0px 0px 10px 0px;
}

.panel_padding{margin:0;padding:0 0px 0 0px;clear:both;color:#fff;/*background:transparent url('../images/tn_planner/panel_middle.png') bottom left repeat-y;*/}


#search_panel .panel_tabs li { display: inline; font-size: smaller; }


#search_panel .search_panel_top {
	height:10px;
	width:100%;
	background: transparent url('../images/tn_planner/panel_head.png') top left no-repeat;
	position:relative;
	top:0px;
	
	
}

#search_panel .search_panel_bottom {
	height:15px;
	width:100%;
	background:transparent url('../images/tn_planner/panel_bottom.png') bottom left no-repeat;
	position:relative;
	clear:both;
}

#search_panel .panel_content{
	height:auto;
	
	padding:0;
	width:216px;margin:0px 0;
}

#search_panel .bottom_slider{width:216px;margin:0px 0 0 0;}

/**/



#myplacesBox .myplaces_panel_top {
    height:11px;
    position:relative;
    background: transparent url('../images/tn_planner/panel_blue_head.png') top left no-repeat;
	
}

#myplacesBox .myplaces_panel_bottom {
    height:17px;
    width:100%;
    position:relative;
    background:transparent url('../images/tn_planner/panel_blue_bottom.png') bottom left no-repeat;
    clear:both;
    z-index:-1;
    bottom:0;
}
#myplacesBox .myplaces_panel_content{
    margin:0;
    padding:0;
    width:216px;
}

#myplacesBox {position:absolute;z-index:5;top:51px;background-color:transparent;height:28px; width:216px;}
#myplacesBox .panel_padding{z-index:1000;}
.ltr #myplacesBox {right:0px;}
.rtl #myplacesBox {left:0px}
#myplacesBox .print_menu {height:28px; width:104px;background:transparent url('../images/tn_planner/menu_button_lf.gif') 0 0 no-repeat;}
#myplacesBox .print_menu:hover {text-decoration:none;background:transparent url('../images/tn_planner/menu_button_lf_h.gif') 0 0 no-repeat;}
#myplacesBox .clear_menu {height:28px; width:100px;background:transparent url('../images/tn_planner/menu_button_md.gif') 0 0 no-repeat;}
#myplacesBox .clear_menu:hover {text-decoration:none;background:transparent url('../images/tn_planner/menu_button_md_h.gif') 0 0 no-repeat;} 
#myplacesBox .settings_menu {height:28px; width:100px;background:transparent url('../images/tn_planner/menu_button_md.gif') 0 0 no-repeat;}
#myplacesBox .settings_menu:hover {text-decoration:none;background:transparent url('../images/tn_planner/menu_button_md_h.gif') 0 0 no-repeat;} 
#myplacesBox .help_menu {height:28px; width:94px;background:transparent url('../images/tn_planner/menu_button_rg.gif') 0 0 no-repeat;}
#myplacesBox .help_menu:hover {text-decoration:none;background:transparent url('../images/tn_planner/menu_button_rg_h.gif') 0 0 no-repeat;}
#myplacesBox a.button {display:block;clear:none;padding-top:1px;padding-bottom:5px;padding-right:15px;margin:1px;font-weight:bold;text-align:center;color:white;background:transparent url('../images/tn_planner/button.gif') top left no-repeat;width:80px;text-decoration:none}
#myplacesBox a.button:hover {color:white;font-weight:bold;text-decoration:none;background:transparent url('../images/tn_planner/button_h.gif') no-repeat;}

#loginBox div.ui-message {display: block; width: 100%; text-align: center; display:none;}


#loginBox .myplaces_panel_top {
    height:11px;
    position:relative;
    background: transparent url('../images/tn_planner/panel_blue_head_lg.png') top left no-repeat;
    
}

#loginBox .myplaces_panel_bottom {
    height:17px;
    width:100%;
    position:relative;
    background:transparent url('../images/tn_planner/panel_blue_bottom_lg.png') bottom left no-repeat;
    clear:both;
}
#loginBox .myplaces_panel_content{
    width:270px;
    margin:0;
    padding:0;
    position: relative;

}
.ltr #loginBox .myplaces_panel_content{
    text-align:left;
}
.rtl #loginBox .myplaces_panel_content {
text-align:right;
}
#loginBox .main_title{color:#fff;font-size:28px;font-weight:bold;padding:40px 20px 20px 20px;}
.ltr #loginBox .main_title{text-align:left}
.rtl #loginBox .main_title{text-align:right}
#loginBox {position:absolute;clear:both;z-index:5;width:100%; top:110px;margin:auto;}
#loginBox .background{width:270px;padding: 0 96px 0 96px;margin:auto;text-align:center;}
.ltr #loginBox .background {background:transparent url('../images/tn_planner/snail.png') top left no-repeat; }
.rtl #loginBox .background {background:transparent url('../images/tn_planner/snail.png') top right no-repeat; }
.ltr #loginBox{left: 0px;}
.rtl #loginBox{right: 0px;}
#loginFormContainer {width: 100%;}
#registerFormContainer {width: 100%;}

a.button {display:block;clear:none;padding-top:1px;padding-bottom:5px;padding-right:15px;margin:1px;font-weight:bold;text-align:center;color:white;background:transparent url('../images/tn_planner/button.gif') top left no-repeat;width:80px;text-decoration:none}
a.button:hover {color:white;font-weight:bold;text-decoration:none;background:transparent url('../images/tn_planner/button_h.gif') no-repeat;}

.settings_dialog{margin:7px 3px 0px 0px;overflow:hidden;position:relative}
.settings_dialog h3 {font-size:14px;padding:16px 0px 2px 0px;clear:both} 
.settings_dialog h2 {font-size:20px;padding:10px 0px 2px 0px;} 
.settings_dialog select {clear:both;width:164px; clear:none;padding:2px;}
.settings_dialog label {width:100px;display:block;clear:none;}
.settings_dialog .form_input{clear:both}
.ltr .settings_dialog label {float:left}
.rtl .settings_dialog label {float:right;}
.settings_dialog input{width:160px; clear:none;padding:2px;}
.ltr .settings_dialog input, .ltr .settings_dialog select {float:left}
.rtl .settings_dialog input, .rtl .settings_dialog select {float:right}

.settings_dialog .separator {background:white top center repeat;height:1px; width:100%;display:block;clear:both;margin:0px;padding:0;position:relative}
.ltr .settings_dialog .separator {float:left;}
.rtl .settings_dialog .separator {float:right;}
.settings_dialog  .accountSettingsTitle, .settings_dialog .applicationSettingsTitle {margin:5px 0 10px 0px;font-size:16px}
.settings_dialog  .accountSettings, .settings_dialog .applicationSettings{margin-bottom:10px}

.settings_dialog .ui-planner-closeable{margin:4px 0px;width:9px;height:9px;background:transparent url('../images/tn_planner/close.png') top left no-repeat;}
.settings_dialog .ui-planner-closeable:hover{background:transparent url('../images/tn_planner/close.png') -9px 0px no-repeat;}
.ltr .settings_dialog  .ui-planner-closeable{clear:right;float:right;}
.rtl .settings_dialog  .ui-planner-closeable{clear:left;float:left;}

.settings_logout_confirm_data {text-align:center;}
.settings_logout_confirm {}
.settings_logout_confirm .ui-dialog-buttonpane {margin:0 10px 18px 10px;text-align:center;width:auto;left:0px}

#settings_form a.ui-planner-expandable-button {
	display:block;
    width:8px;height:8px;margin-top:6px;

}
.ltr #settings_form a.ui-planner-expandable-button {float:right;clear:right;background:transparent url(../images/tn_planner/expandable.png) no-repeat scroll left -7px;}
.rtl #settings_form a.ui-planner-expandable-button {float:left;clear:left;background:transparent url(../images/tn_planner/expandable.png) no-repeat scroll left -15px;}


#settings_form a.ui-planner-expandable-button-down {
    display:block;
    width:8px;height:8px;margin-top:6px;
}
.ltr #settings_form a.ui-planner-expandable-button-down{float:right;clear:right;background:transparent url(../images/tn_planner/expandable.png) no-repeat scroll left 0px;}
.rtl #settings_form a.ui-planner-expandable-button-down{float:left;clear:left;background:transparent url(../images/tn_planner/expandable.png) no-repeat scroll left 0px;}

.settings_dialog input.disabled {
    background:gray;
}


#resultPanel{
	 height: 100px; 
	 width: auto;
}


#navigate{
	position : absolute;
	top: 60px;
	z-index:4;
	width:0px;
	height:0px;
}
.ltr #navigate {
	left: 221px;
}
.rtl #navigate {
	right: 221px;
}

#mapContainer {position:absolute;margin:0;padding:0;width:100%;height:100%;overflow: hidden;z-index:0}

.clr {clear:both;}

.right_but_set{width:100%;clear:both;}
.right_but_set a{margin:15px 5px 2px 4px;display:block;float:right;}
.right_but_set a:hover {cursor:pointer}

.ltr .right_but_set{text-align:right;float:left;}
.ltr  .right_but_set a{float:right;}
.rtl .right_but_set{text-align:left;float:right;}
.rtl .right_but_set a{float:left;}

.login-register {}

.login_message {padding-top:5px; padding-bottom:7px; color: #ccc}
   
a.planner-button {display:block;clear:none;padding-top:3px;padding-bottom:0px;padding-right:0px;font-weight:bold;font-size:14px;text-align:center;color:white;background:transparent url('../images/tn_planner/button_80.png') top left no-repeat;height:23px;width:80px;text-decoration:none; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
a.planner-button:hover {cursor: default;display:block;color:white;font-weight:bold;text-decoration:none;background:transparent url('../images/tn_planner/button_80.png') -80px 0px no-repeat;}
a.planner-button:focus{cursor: default;display:block;color:white;font-weight:bold;text-decoration:none;background:transparent url('../images/tn_planner/button_80.png') -80px 0px no-repeat;}


.ui-planner-box-header{
	color:white;
	
	clear:both;
	width:100%;
	margin:0;
	padding:0;

}
.ltr .ui-planner-box-header{float:left;}
.rtl .ui-planner-box-header{float:right;}



.ui-planner-box-header .box-title{
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:0;
}
.ltr .ui-planner-box-header .box-title{float:left;clear:left;}
.rtl .ui-planner-box-header .box-title{float:right;clear:right;}


#planner-route-section {
	margin:0px 0px 0px 0px;
	height:auto;
	background:transparent url('../images/tn_planner/panel_bottom.png') bottom left no-repeat;
	padding-bottom:35px;

}

#planner-route-section .ui-planner-expandable-route {
	/*background:transparent url('../images/tn_planner/panel_body.gif') top left repeat-y;*/
	padding:10px 7px 10px 7px;
	
}

.form_input  {clear:both;margin-top:3px}
.form_input  label{font-style:italic;color:#ccc;display:block;clear:none;padding:0 3px 0 0;margin:0;overflow:auto}
.ltr .form_input  label{float:left;}
.rtl .form_input  label{float:right;}
#loginBox .form_input  input[type="text"],#loginBox .form_input  input[type="password"],.ui-planner-address-search  .search_input select {width:97%;clear:none;padding:0;margin:0}



#errorContainer {
        width:0;text-align:center;
	position: fixed; top: 50px; left: 400px; z-index: 9999;
}	

#console {
	position: absolute; z-index: 10000; border: 2px solid black;
	background-color: white; color: black; 
	right: 100px; 
	bottom: 0px;
	width: 300px; 
	height: 400px;
	filter: alpha(opacity=60);

}

#console .textCont{
	overflow: auto; 
	height: 390px;
}


/*.ui-message {background: transparent;color: red; display: none;}*/


.ui-planner-map-savedlocations-container { background-color: white; background-color: transparent; }
.ui-planner-map-savedlocations-container .defaultMessage { padding: 5px; color: #ccc;}
/*.ui-planner-map-savedlocations-container .ui-planner-map-savedlocations .ui-planner-savedLocations-list-container {height: 300px;}*/
.ui-planner-map-get-directions-link { text-align: right; width: 100%;}


.ui-plannerPoiSearchResultsContainerWidget .ui-resultListContainer { position: relative; width: 100%;}

#search_accordion{padding:0;margin:0;}
#search_accordion .accordion_item {
	list-style-position:inside;
    list-style-type: none;
    cursor: default;
    padding:0;
    margin:0;
    display:block;
    clear:both;
    
}

#search_accordion .separator {background:transparent url('../images/tn_planner/tab_separator.png') top center no-repeat;height:4px; width:216px;display:block;clear:both;margin:0px;padding:0;}
.ltr #search_accordion .separator{float:left;}
.rtl #search_accordion .separator{float:right;}



#login_accordion{padding:0;margin:0; list-style: none;}
#login_accordion .accordion_item {
    list-style-position:inside;
    list-style-type: none;
    cursor: pointer;
    padding:0;
    margin:0;
    display:block;
    clear:both;

}

#login_accordion .separator {background:transparent url('../images/tn_planner/tab_separator_blue.png') top center no-repeat;height:4px; width:100%;display:block;clear:both;margin:0px 0px 0px 0px;padding:0;}
.ltr #login_accordion .separator{float:left;}
.rtl #login_accordion .separator{float:right;}
#login_accordion input[type="checkbox"]{clear:none;display:block;margin:0px 2px 0 2px;background:transparent;border:none;}


.ltr #login_accordion input[type="checkbox"]{float:left}
.rtl #login_accordion input[type="checkbox"]{float:right}


 #search_panel .ui-planner-expandable {
	display:block;clear:both;color:#fff;font-size:15px;font-weight:bold;height:18px;width:100%;vertical-align:bottom;cursor:pointer;
	background-image:url('../images/tn_planner/panel_middle.png');
	padding:0 16px 0 12px;
	background-repeat:repeat-y;
	width:190px;
}

 #myplacesBox .ui-planner-expandable {
	display:block;clear:both;color:#fff;font-size:15px;font-weight:bold;height:18px;width:100%;vertical-align:bottom;cursor:pointer;
	background-image:url('../images/tn_planner/panel_blue_middle.png');
	background-repeat:repeat-y;
	padding:0 16px 0 12px;
	width:190px;
}
 #loginBox .ui-planner-expandable {
	display:block;clear:both;color:#fff;font-size:15px;font-weight:bold;height:18px;width:100%;vertical-align:bottom;cursor:pointer;
	background-image:url('../images/tn_planner/panel_blue_middle_lg.png');
	background-repeat:repeat-y;
	padding:0 16px 0 12px;
	width:240px;

}

.panel_bulk{
	background-color:transparent;
	background-repeat:repeat-y;
		width:190px;
	clear:both;
	padding:0 16px 0 12px;
	
}
#search_panel .panel_bulk{
	width:190px;
	clear:both;
	background-image:url('../images/tn_planner/panel_middle.png');
}

#myplacesBox .panel_bulk{
	background-image:url('../images/tn_planner/panel_blue_middle.png');
	
}

#loginBox .panel_bulk{
	background-image:url('../images/tn_planner/panel_blue_middle_lg.png');
	width:240px;
}

.rtl .panel_bulk{
	
	background-position:bottom right;
	
	float:right;

}
.ltr .panel_bulk{
	background-position:bottom left;
	float:left;
}

 .ui-planner-expandable {
	display:block;clear:both;color:#fff;font-size:15px;font-weight:bold;height:18px;width:100%;vertical-align:bottom;cursor:pointer
}
.ltr #search_panel .ui-planner-expandable { float:left;background-position:bottom left;}
.rtl #search_panel .ui-planner-expandable {float:right;background-position:bottom right;}
.ltr #myplacesBox .ui-planner-expandable { float:left;background-position:bottom left;}
.rtl #myplacesBox .ui-planner-expandable {float:right;background-position:bottom right;}
.ltr #loginBox .ui-planner-expandable { float:left;background-position:bottom left;}
.rtl #loginBox .ui-planner-expandable {float:right;background-position:bottom right;}


.ltr .ui-planner-expandable { float:left;}
.rtl .ui-planner-expandable {float:right;}

.ltr .ui-planner-expandable .title {
	float:left;clear:left;width:auto;cursor:pointer
}
.rtl .ui-planner-expandable .title {
	float:right;clear:right;width:auto;cursor:pointer
}

.ui-planner-expandable-button {
	display:block;width:8px;height:9px;margin-top:6px;cursor:pointer
}
.ltr .ui-planner-expandable-button{float:right;clear:right;background:transparent url('../images/tn_planner/expandable.png') 0px -7px no-repeat;}
.rtl .ui-planner-expandable-button {float:left;clear:left;background:transparent url('../images/tn_planner/expandable.png') 0px -15px no-repeat;}

.ui-planner-expandable-button-down {
	display:block;width:8px;height:7px;background:transparent url('../images/tn_planner/expandable.png') 0px 0px no-repeat;vertical-align:middle;margin-top:6px
}
.ltr .ui-planner-expandable-button-down {float:right;clear:right;}
.rtl .ui-planner-expandable-button-down {float:left;clear:left;}

.sel{padding:0px 5px 0px 5px;}
.sel .co{position:relative;padding:0;}
.ltr .sel .co {margin:0 -5px 0 0;}
.rtl .sel .co {margin:0 0 0 -5px;}

.sel .inner {margin:0;;border:none;}
.ltr .sel .inner {padding:0 5px 0 0}
.rtl .sel .inner {padding:0 0 0 5px;min-height:1px}
.sel:hover {cursor:pointer; }
.ltr .sel:hover .inner,.ltr .selected .inner{background: transparent url('../images/tn_planner/selection.png') top right no-repeat;}
.rtl .sel:hover .inner,.rtl .selected .inner{background: transparent url('../images/tn_planner/selection.png') top left no-repeat;}

.ltr .sel .to{margin: 0 0 0 -5px;padding:0;width:5px;position:absolute;left:0;height:100%;}
.rtl .sel .to{margin:0 -5px 0 0;padding:0;width:5px;position:absolute;right:0;height:100%;}
.ltr .sel:hover .to,.ltr .selected .to{background: transparent url('../images/tn_planner/selection.png') top left no-repeat;}
.rtl .sel:hover .to,.rtl .selected .to{background: transparent url('../images/tn_planner/selection.png') top right no-repeat;}
.ltr .sel .bo{position:relative;margin-right:-5px;}
.rtl .sel .bo{position:relative;margin-left:-5px;}
.sel .ib{min-height:5px;}
.ltr .sel:hover .ib,.ltr .selected .ib{background: transparent url('../images/tn_planner/selection.png') bottom right no-repeat;}
.rtl .sel:hover .ib,.rtl .selected .ib{background: transparent url('../images/tn_planner/selection.png') bottom left no-repeat;}
.ltr .sel .ib div{margin-left:-5px;width:5px;height:5px;left:0;position:absolute;}
.rtl .sel .ib div{margin-right:-5px;width:5px;height:5px;right:0;position:absolute;}
.ltr .sel:hover .ib div,.ltr .selected .ib div {background: transparent url('../images/tn_planner/selection.png') bottom left no-repeat;}
.rtl .sel:hover .ib div,.rtl .selected .ib div {background: transparent url('../images/tn_planner/selection.png') bottom right no-repeat;}

.ui-plannerWeatherWidget{
	
	padding-left:7px;
	z-index:10
}
.ltr .ui-plannerWeatherWidget{left: 280px;background: url('../images/tn_planner/weather_bg.png') left top no-repeat;}
.rtl .ui-plannerWeatherWidget{right: 280px;padding-right:12px;background: url('../images/tn_planner/weather_bg.png') right top no-repeat;}


label.error { color:red }

#settings_form label.error{ width:100%; }