body 
{
	font-family: arial;
	font-size: 11px;
	background-color: #FFFFFF;
	background-image: url(./images/page_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	
	z-index:-100;
	/* background-position: center; */
	
}

.wizard_header
{
	font-weight: bold;
	font-size: 11pt;
	}
	
.wizard_buttons
{
}


.login_info_panel
{
	padding: 10px 10px 10px 10px;
}

.control_panel_device_list
{
	width: 200px;
	height: 400px;
}

.login_control
{
	background-image: url(images/login_panel.gif);
	background-repeat:no-repeat;
	position: absolute;
	height: 500px;
	width: 261px;
	top: -1px;
	left: 0px;
	background-color: white;
}

.login_username_text
{
	position: absolute;
	top: 261px;
	width: 215px;
	left: 17px;

}

.login_username_title
{
	position: absolute;
	left: 15px;
	top: 230px;
	background-image: url(images/username.gif);
	width: 96px;
	height: 24px;
	background-color: #FFFFFF;
}

.login_password_text
{
	position: absolute;
	top: 327px;
	width: 215px;
	left: 17px;
}

.login_password_title
{
	position: absolute;
	top: 292px;
	left: 16px;
	width: 96px;
	background-color: #FFFFFF;
	background-image: url(images/password.gif);
	height: 26px;
}

.login_login_button
{
	position: absolute;
	background-color: Black;
	color: White;
	border-style: none;
	font-size: 11px;
	right: 17px;
	width: 60px;
	top: 363px;
}

.login_register_button
{
	position: absolute;
	background-color: #880000;
	color: White;
	border-style: none;
	font-weight:bold;
	font-size: 14px;
	right: 17px;
	width: 230px;
	top: 400px;
	height: 25px;
	z-index: 0;
}

.login_buynow_button
{
	position: absolute;
	background-color: #880000;
	color: White;
	border-style: none;
	font-weight:bold;
	font-size: 14px;
	right: 17px;
	width: 230px;
	top: 430px;
	height: 25px;
	z-index: 0;
}

.browser_note
{
	position: absolute;
	width: 220px;
	top: 460px;
	left: 15px;
	border: solid 1px gray;
	padding: 4px 4px 4px 4px;
	background-color: #eeeeee;
}

.general_button_style
{
	background-color: Black;
	border: solid 1px gray;
	color: White;
}

.ok_button_style
{
	background-color: Black;
	border: solid 1px gray;
	color: White;
	font-size: 11px;
}

.new_button_style
{
	background-color: #008800;
	border: solid 1px gray;
	color: White;
}

.save_button_style
{
	background-color: Black;
	border: solid 1px gray;
	color: White;
}


.delete_button_style
{
	background-color: #AA0000;
	border: solid 1px gray;
	color: White;
}

.cancel_button_style
{
	background-color: #555555;
	border: solid 1px gray;
	color: White;
}

.user_text_fields
{
	width: 250px;
}

#pnlUserData
{
	width: 300px;
}

.admin_data
{
	position: absolute;
	top: 127px;
	left: 275px;
	width: 300px;
	background-color: White;
	border: solid 1px #DDDDDD;
}

.account_data
{
	position: absolute;
	top: 127px;
	left: 265px;
	width: 350px;
	background-color: White;
	border: solid 1px #DDDDDD;
	
}

.account_device
{
	position: absolute;
	top: 127px;
	left: 625px;
	width: 250px;
	background-color: White;
	border: solid 1px #DDDDDD;
}

.device_data
{
	position: absolute;
	top: 300px;
	left: 700px;
	width: 250px;
	background-color: White;
	border: solid 1px #DDDDDD;
}



.control_panel_device_list
{
	
}


/* Left bit of main page ----------------------------------------------------*/
.device_control_panel
{
	position: absolute;
	top: 127px;
	width: 227px;
	left:  20px;
	z-index: 300;
}

.device_list_panel
{
	background-color:White;
	width: 225px;
	z-index:300;
	
}

.device_list_header
{
	font-size:larger;
	font-weight:bolder;
}

.device_details
{
	background-color: white;
}

.device_button
{
	height: 23px;
	width: 40px;
	font-size: 11px;
}

.drawer_open
{
	background-image: url(images/open_device_drawer.gif);
	width: 225px;
	height: 31px;
}

.drawer_closed
{
	background-image: url(images/close_device_drawer.gif);
	width: 225px;
	height: 31px;
}

.device_drawer_open
{
	background-image: url(images/devices_open.gif);
	width: 225px;
	height: 31px;
}

.device_drawer_closed
{
	background-image: url(images/devices_closed.gif);
	width: 225px;
	height: 31px;
}

.details_drawer_open
{
	background-image: url(images/details_open.gif);
	width: 225px;
	height: 31px;
}

.details_drawer_closed
{
	background-image: url(images/details_closed.gif);
	width: 225px;
	height: 31px;
}

.history_drawer_open
{
	background-image: url(images/history_open.gif);
	width: 225px;
	height: 31px;
}

.history_drawer_closed
{
	background-image: url(images/history_closed.gif);
	width: 225px;
	height: 31px;
}

.device_list_item
{
	width: 212px;
	background-color: White;
}

.device_information_panel
{
	background-color: White;
	width: 225px;
}

.info_textboxes
{
	border: single 1px gray;
	overflow: hidden;
	width: 100px;
	font-size: 10px;
	font-family: Arial;
}

.info_textboxes_long
{
	border: single 1px gray;
	overflow: hidden;
	width: 215px;
	height: 45px;
	font-size: 10px;
	font-family: Arial;
}
/*---------------------------------------------------------------------------*/


/*COM HERE = Scary stuuf*/

.device_command_panel
{
	background-color: White;
	width: 225px;
}

/* Echos the main login panel's design -------------------------------------*/
.main_page_header
{
	background-image: url(images/main_panel.gif);
	background-repeat:no-repeat;
	background-position: top;
	position: absolute;
	position: absolute;
	height: 448px;
	width: 261px;
	top: -1px;
	left: 0px;

}
/*---------------------------------------------------------------------------*/

/* Map Display --------------------------------------------------------------*/
.map_display_short
{
	/*left: 275px;
	height: 450px;
	width: 450px;
	border: solid 1px gray;
	position: absolute;
	top: 100px;*/
	/*height: 525px;*/
	height: 100%;
	width: 100%;
	border-left: solid white 1px;
	border-top: solid white 1px;
	border-right: solid white 1px;
	border-bottom: solid 1px gray;
	min-width: 350px;
	max-height: 1024px;
	min-height: 525px;
	z-index: 40;
}

.map_display_long
{
	height: 100%;
	width: 100%;
	border-left: solid white 1px;
	border-top: solid white 1px;
	border-right: solid white 1px;
	border-bottom: solid 1px gray;
	min-width: 350px;
	max-height: 1024px;
	min-height: 768px;
}
/*----------------------------------------------------------------------------*/

/* Workspace panel -----------------------------------------------------------*/
.workspace_panel
{
	position: absolute;
	top: 40px;
	left: -15px;
	/*left: 690px;*/
	/*width: 200px;*/
	/*background: white;*/
	/*border: solid 1px gray;*/
	/*height: 550px;*/
	/*height: 200px;*/
	z-index: 50;
}

.left_pad
{
	width: 270px;
}

/*----------------------------------------------------------------------------*/

/* Device message ordering controls ------------------------------------------*/
.device_info_filter_panel
{
	position: relative;
	top: 5px;
	left: 5px;
}

.message_sort_order
{
	position: relative;
	top: 0px;
	width: 150px;
	font-size: 11px;
}

.message_type
{
	left: 150px;
	width: 150px;
	font-size: 11px;
	
}

.message_order
{
	position: absolute;
	top: 0px;
	left: 330px;
}

.message_sort_button
{
	position: absolute;
	left: 500px;
	font-size: 11px;
}





.map_controls
{
	/*position: relative;
	top: 7px;
	width: 706px;*/
}


.message_menu_panel
{
	position: absolute;
	top: 22px;
	left: 272px;
	z-index: 1000;
	background-color: Black;

	
}

.message_menu
{
	background-color: black;
	padding: 4px 4px 4px 4px;	
	font-weight:bold;
	font-size: 11px;
	text-decoration: none;
	z-index: 500;
	height: 22px;
}

.menu_panel_table
{
	height: 40px;
}

.message_menu_static
{
	color: White;
	text-decoration: none;
}

.message_menu_static_item
{
/*	width: 80px;*/
	padding-right: 10px;
	text-decoration: none;
}

.device_button_refresh
{
	position: absolute;
	top: 22px;
	right: 100px;
	width: 79px;	
	background-color: Black;
	color: white;
	border: solid 1px gray;
	font-size: 11px;
}

.device_button_map
{
	position: absolute;
	right: 15px;
	top: 22px;
	width: 79px;	
	background-color: Black;
	color: white;
	border: solid 1px gray;
	font-size: 11px;
}

.message_menu_dynamic
{
	background-color: Black;
	color: White;
	z-index: 500;
	height: 30px;
}

.message_menu_dynamic_item
{
	background-color: gray;
	color: White;
	z-index: 500;
	height: 24px;
	
}

.message_menu_dynamic_hover
{
	background-color: white;
	color: black;
	z-index: 500;
}

.message_menu_dynamic_selected_item
{
	background-color: Black;
	color: yellow;
	z-index: 500;
}

/* Device history summary controls -------------------------------------------*/
.device_history_panel
{
	position: relative;
	/*top: 20px;*/
	/*top: 5px;
	height: 140px;*/
	/*height: 520px;*/
	top: 2px;
}

#pnlDeviceHistory
{
/*	height: 250px;*/
	max-height: 300px;
	background-color: White;
	border: solid 1px gray;
}


.device_summary_header_background
{
	position: relative;
	top: 0px;
	background-color: #A0A0A0;
	width: 224px;
	height: 15px;
	font-weight: bold;
	border-bottom: solid 1px black;
}

.device_summary_header_datetime
{
	width: 200px;
	display:inline-block;
}

.device_summary_header_message_type
{
	width: 120px;
	display: inline-block;
	
}

.device_summary_header_message_text
{
	/*position: absolute;
	left: 300px; */
}

.device_summary_item_background
{
	/*position: relative;*/
	background-color: white;
	width: 200px;
	height: 20px;
	vertical-align:middle;
	border-bottom: dashed 1px gray;
}

.device_summary_item_datetime
{
	/*position: relative;*/
	width: 130px;
	display:inline-block;
}

.status_padding
{
	width: 50px;
	display:inline-block;
}


.device_summary_item_message_type
{
	/*position: absolute;*/
	/*left: 150px;*/
	display:inline-block;
	width: 120px;
}

.device_summary_item_message_text
{
	/*position: absolute;*/
	/*left: 250px;*/
	display: inline-block;
	width: 410px;
}

.device_summary_item_message_checked
{
	/*position:fixed;*/
	display: inline-block;
	right: 0px;
	padding-left: 40px;
}

.forward_back_buttons
{
	width: 49%;
	font-size: 10px;
}

.command_bar
{
	position: absolute;
	top: 10px;
	width: 720px;
	left: 260px;
}

.device_button
{
	width: 79px;	
	background-color: Black;
	color: white;
	border: solid 1px gray;
}

.logout_button
{
	width: 100px;	
	background-color: Black;
	color: white;
	border: solid 1px gray;
	position: relative;
	font-family: Arial;
	font-size: 8pt;
	height: 24px;
	left: 2px;
	
}

.device_button_invisible
{
	display: none;
}

.device_button_holder
{
	width: 100px;	
	background-color: transparent;
	/*border: solid 1px transparent;*/
	border: none;
}

.device_button_locate
{
	position: absolute;
	top: 11px;
	width: 100px;	
	background-color: Black;
	color: green;
	border: solid 1px gray;
	left: 670px;
	z-index: 300;
	height: 23px;
	font-size: 11px;
	font-weight: bolder;
}

.device_button_reset
{
	position: absolute;
	top: 11px;
	width: 100px;	
	background-color: Black;
	color: red;
	border: solid 1px gray;
	left: 773px;
	z-index: 300;
	height: 23px;
	font-size: 11px;
	font-weight: bolder;
}



/*---------------------------------------------------------------------------*/
/* Geofencing page */
.postcode_tools
{
	position: absolute;
	left: 273px;
	top: 50px;
	background-color: White;
	width: 690px;
	border: solid 1px black;
	font-size: 11px;
} 

.postcode_locate_button
{
	font-size: 11px;
}

.centre_lattitude_panel
{
	position: absolute;
	top: 51px;
	left: 650px;
	z-index: 100;
}

.centre_longitude_panel
{
	position: absolute;
	top: 51px;
	left: 800px;
	z-index: 100;
}


.geofence_main
{
	position: absolute;
	left: 275px;
	top: 60px;
}

.geofence_instructions
{
	position: absolute;
	left: 20px;
	top: 125px;
	background-color: White;
	width: 200px;
}

.geofencedetails_list
{
	position: absolute;
	left: 20px;
	top: 125px;
	background-color: White;
	width: 230px;
	z-index: 100;
	height: 290px
}

.geofence_command_buttons_panel
{
	position: absolute;
	top: 430px;
	left: 20px;
	width: 200px;
	z-index: 100;
}

.geofence_command_buttons
{
	width: 100%;
}


.geofencedetails_map
{
	position: absolute;
	height: 450px;
	width: 450px;
	top: 80px;
	left: 275px;
	border: solid 1px white;
}

.geofence_information_panel
{
	position: absolute;
	top: 80px;
	left: 750px;
	width: 220px;
	background-color: White;
	border: solid 1px gray;
	padding: 4px 2px 0px 6px;
	height: 450px;
}

.geofence_fence_data
{
	position: absolute;
	top: 80px;
	left: 750px;
	width: 212px;
	background-color: White;
	border: solid 1px gray;
	height: 450px;
}

.geolink_main
{
	position: absolute;
	width: 710px;
	top: 125px;
	left: 275px;
	border: solid 1px gray;
	background-color: White;
}

.table_header
{
	font-size: 12px;
	font-weight:bold;
}

/* Device: contact associations */

.device_allocated_contacts
{
	position: absolute;
	background-color: white;
	width: 290px;
	left: 275px;
	top: 125px;
	min-height: 450px;
	border: solid 1px #DDDDDD;
}

.device_not_allocated_contacts
{
	position: absolute;
	left: 580px;
	background-color: white;
	top: 125px;
	min-height: 450px;
	border: solid 1px #DDDDDD;	
	width: 200px;
	
}

.device_contact_list
{
	position: absolute;
	left: 795px;
	background-color: White;
	top: 125px;
	border: solid 1px #DDDDDD;
	min-height: 450px;
}

.device_edit_contact_panel
{
	background-color: White;
}

.contact_summary_control
{
	background-color: White;
	border-bottom: dashed 1px gray;
	padding: 3px 0px 0px 0px;
}

.contact_summary_checked
{}

.contact_summary_name
{
	position: absolute;
	left: 20px;
}

.contacts_device_list
{
	position: absolute;
	left: 275px;
	top: 80px;
	width: 294px;
}

.contact_summary_SMS
{	position: absolute;
	left: 120px;
}

.contact_summary_Email
{
	position: absolute;
	left: 200px;
}

#pnlDeviceLinks
{
	min-height: 250px;
	border-bottom: solid 1px gray;
}

.non_selected_users
{
	min-height: 250px;
	border-bottom: solid 1px gray;
}
	
.available_users
{
	min-height: 250px;
	border-bottom: solid 1px gray;
}

#lstUsers
{
	
}