/* New Edge Concept - CMS 2.0
 * Admin Main Stylesheet
 * by Lisaraël - begin 20 december 2007, 10:12
 */
 
/* Main Styles */

* {
	margin: 0;
	padding: 0;
	outline: 0;
}

body {
	background: #e0e0e0;
	width: 1000px;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #333;
}

div#main_container {
	margin: 25px 0 0;
	position: relative;
}

img {
	border: 0;
}

/* Default Links */

a {
	color: #007;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	outline: 0;
}

a:hover {
	color: #77c;
	text-decoration: underline;
	outline: 0;
}

/* Menu & main title */

div#menu_container {
	width: 183px;
	float: left;
}

ul#menu {
	list-style: none;
	width: 183px;
	background: white url(../images/i_admin/menu_body.png) top left repeat-y;
}

ul#menu li {
	margin: 0 0 7px;
	padding: 0 0 0 10px;
}

ul#menu li.separator {
	width: 75%;
	height: 5px;
	font-size: 1px;
	border-bottom: 1px dashed #cfcfcf;
	margin: 0 auto 10px;
}

ul#menu li a {
	color: #007;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	line-height: 18px;
}

ul#menu li a img {
	vertical-align: -4px;
	margin: 0 5px 0 0;
}

ul#menu li a:hover span {
	color: #77c;
	text-decoration: underline;
}

h1#main_title {
	width: 183px;
	margin: 0;
	height: 49px;
	background: #e0e0e0 url(../images/i_admin/menu_header.png) top left no-repeat;
	position: relative;
	padding: 0;
}

h1#main_title a {
	display: block;
	text-indent: -5000px;
	height: 32px;
	width: 175px;
	position: absolute;
	bottom: 4px;
	left: 0;
}

li#menu_bottom {
	width: 183px;
	margin: 0;
	height: 35px;
	background: transparent url(../images/i_admin/menu_bottom_shaped.png) bottom left no-repeat;
	padding: 10px 0 0 0 !important;
	position: relative;
}

li#menu_bottom a {	
	display: block;
	float: left;
	margin: 3px 0 3px 10px;
}

li#menu_bottom a#ident {
	margin-right: 45px !important;
}

body#admin_settings li#menu_bottom a {
	padding: 2px 0 0;
}

li#menu_bottom a img {
	vertical-align: middle;
}

/* Navline / Fil d'Arianne / Breadcrumb / Trailer (faut savoir) */

div#navline {
	height: 32px;
	position: absolute;
	background: #cfcfcf url(../images/i_admin/navline.png) top right no-repeat;
	padding: 0 0 0 0;
	top: 29px;
	left: 180px;
}

span#navline_raccord {
	display: block;
	width: 3px;
	height: 32px;
	background: #cfcfcf url(../images/i_admin/navline_raccord.png) top left no-repeat;
	float: left;
	margin: 0 10px 0 0;
}

div#navline_content {
	padding: 0 15px 0 0;
	font-size: 11px;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color: #333;
	line-height: 32px;
	display: inline;
}

div#navline_content span img {
	vertical-align: -4px;
	margin: 0 5px 0 0;
}

div#navline_content a.navline_link {
	color: #007;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}

div#navline_content span.navline_actual {
	color: #5f5f5f;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

/* CONTENU */

	/* CONTAINER */

div#content_container {
	float: right;
	margin: 70px 0 0;
	width: 796px;
	background: #fff url(../images/i_admin/interface_body.png) top left repeat-y;
	position: relative;
}

	/* HEADER (et variantes) */

div#content_top_uno {
	width: 796px;
	height: 37px;
	position: relative;
	background: #fff url(../images/i_admin/interface_top_uno.png) top left no-repeat; 
}

div#content_top_duo_left {
	width: 796px;
	height: 37px;
	position: relative;
	background: #fff url(../images/i_admin/interface_top_duo_left.png) top left no-repeat; 
}

div#content_top_duo_right {
	width: 796px;
	height: 37px;
	position: relative;
	background: #fff url(../images/i_admin/interface_top_duo_right.png) top left no-repeat; 
}

div#content_top_trio {
	width: 796px;
	height: 37px;
	position: relative;
	background: #fff url(../images/i_admin/interface_top_trio.png) top left no-repeat; 
}

		/* Navigation (et variantes) */

div.content_navigation {
	position: absolute;
	text-align: center;
}

div#content_top_uno div.content_navigation {
	width: 765px;
	top: 15px;
	left: 15px;
}

div#content_top_duo_left div.content_navigation {
	width: 685px;
	top: 15px;
	left: 96px;
}

div#content_top_duo_right div.content_navigation {
	width: 685px;
	top: 15px;
	left: 15px;
}

div#content_top_trio div.content_navigation {
	width: 600px;
	top: 15px;
	left: 96px;
}

		/* Liens de navigation */

div.content_navigation a, div.lang_choice a {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #007;
	margin: 0 20px;
}

div.content_navigation a:hover, div.lang_choice a:hover {
	color: #333;
	border-bottom: 2px solid #77c;
}

div.content_navigation a.active, div.lang_choice a.active {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #333;
	border-bottom: 2px solid #77c;
	margin: 0 20px;
}

div.content_back {
	width: 60px;
	position: absolute;
	top: 15px;
	left: 20px;
	text-align: center;
	vertical-align: middle;
}

div.content_back a {
	font-size: 13px;
	display: block;
	text-decoration: none;
}

div.content_back a img {
	vertical-align: text-bottom;
}

div.lang_choice {
	width: 60px;
	position: absolute;
	top: 15px;
	right: 20px;
	text-align: center;
	vertical-align: middle;
}

div.lang_choice a, div.lang_choice a.active {
	margin: 0 2px;
}

	/* INNER */
	
div.content_section {
	width: 764px;
	margin: 20px auto 0;
}

div.content_section_left { /* anciennement div.inner-main-content-reduce */
	width: 550px;
	margin: 20px 0 0 16px;
	float: left;
}

div.content_section h2, div#popup_content h2 {
	margin: 0 0 5px;
	font-size: 14px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #444;
}

div#popup_content h2.error {
	color: #D5A03C;
	font-size: 16px;
}

div#popup_content h2.error img {
	vertical-align: -2px;
}

div.content_section h2 img {
	vertical-align: text-bottom;
}

div.content_main_link {
	margin: 10px 0 10px 25px;
}

div.content_main_link a {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #007;
}

div.content_main_link img {
	vertical-align: middle;
}

	/* RIGHT COLUMN */
	
div.content_right {
	width: 200px;
	float: left;
	margin: 25px 0 0 15px;
}

div.content_right_box {
	width: auto;
	padding: 5px;
	margin: 0 auto 10px;
	border: 1px dotted silver;
}

div.content_right_box h3 {
	margin: 0 0 5px;
	font-size: 12px;
	font-weight: bold;
}

div.add_thing {
	margin: 5px 0 0 10px;
}

div.add_thing img {
	vertical-align: middle;
}

	/* CONTENT BOTTOM */

div#content_bottom {
	clear: both;
	width: 796px;
	height: 30px;
	background: #fff url(../images/i_admin/interface_bottom.png) bottom left no-repeat;
}

div#content_bottom_shaped {
	clear: both;
	width: 796px;
	height: 40px;
	background: #fff url(../images/i_admin/interface_bottom_shaped.png) bottom left no-repeat;
}

div#content_bottom_shaped div {
	text-align: center;
	padding: 5px 0 0;
}

/* LISTING TABLE */

table.listing_table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto 10px;
	width: 600px;
	caption-side: top;
}

table.listing_table.small {
	width: 180px;
	margin: 5px auto 5px;
}

table.listing_table caption, form h3 {
	margin: 0 0 7px;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: normal;
}

table.listing_table tr td, table.listing_table tr th {
	padding: 3px 5px;
}

table.listing_table tr td {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #333;
}

table.listing_table tr th {
	border-bottom: 1px dotted silver;
	font-weight: bold;
	text-align: left;
}

table.listing_table tr td.one_icon_cell {
	width: 20px;
	text-align: center;
}

table.listing_table tr td.tools_cell {
	width: 55px;
	text-align: right;
}

table.listing_table tr td.pre_tools_cell {
	width: 40px;
	text-align: center;
}

table.listing_table tr td.big_tools_cell {
	width: 125px;
	text-align: right;
}

table.listing_table tr td.big_cell {
	width: 125px;
	text-align: left;
}

table.listing_table tr td.bigger_tools_cell {
	width: 200px;
	text-align: right;
}

table.listing_table tr td.tools_cell a img, table.listing_table tr td.one_icon_cell a img, table.listing_table tr td.big_tools_cell a img, table.listing_table tr td.bigger_tools_cell a img, table.listing_table tr td.pre_tools_cell a img, table.listing_table tr td.position_cell a img	{
	vertical-align: middle;
}

table.listing_table tr td.little_cell, table.listing_table tr th.little_cell {
	width: 50px;
	text-align: center;
}

table.listing_table tr td.center_cell, table.listing_table tr th.center_cell {
	text-align: center;
}

table.listing_table tr.listing_row td {
	background: white;
}

table.listing_table tr.listing_row_altern td {
	background: #efefef;
}

table.listing_table tr:hover td {
	background: #dfdfdf;
}

table.listing_table tr td.position_cell {
	width: 125px;
	text-align: left;
}

table.listing_table tr td.position_cell a {
	margin: 0 8px 0 0;
	display: block;
	float: left;
	padding: 1px;
	border-bottom: 2px transparent solid;
}

table.listing_table tr td.position_cell a:hover {
	border-bottom: 2px solid #006; 
}

table.listing_table tr td.position_cell a.active {
	border-bottom: 2px solid olive; 
}

	/* FORMS */

div.form_inline_elt, div.form_block_elt {
	margin: 0 0 10px;
	clear: both;
}

div.form_inline_elt label, div.form_block_elt label {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #555;
	margin: 0 5px 0 0;
	display: block;
	width: 150px;
	float: left;
}

div.form_inline_elt label.required, div.form_block_elt label.required {
	font-weight: bold;
}

div.form_block_elt label {
	display: block;
	margin: 0 5px 5px 0;
	float: none;
	width: 650px;
}

div.form_check_elt {
	margin: 0 5px 5px 155px;
}

div.form_check_elt input {
	margin: 0 5px 0 0;
}

input.textinput, input.bigtextinput, input.smalltextinput, input.numberinput, input.bignumberinput, input.dateinput, select, textarea {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #333;
	border: 1px solid gray;
	background: #eee;
	padding: 2px 2px;
}

textarea {
	min-width: 400px;
	min-height: 125px;
}

input.textinput {
	font-size: 11px;
	min-width: 200px;
	margin: 0 5px 0 0;
}

input.bigtextinput {
	min-width: 500px;
}

input.smalltextinput {
	min-width: 25px;
}

input.numberinput {
	width: 20px;
}

input.bignumberinput {
	width: 30px;
}

input.dateinput {
	width: 70px;
}

div.form_inline_elt select option, div.form_block_elt select option, table.listingTable tr td select option {
	padding: 1px 2px 1px 5px;
}

div.field_explain {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #666;
	margin: 0 0 2px 15px;
	font-style: italic;
}

span.input_explain {
	font-size: 10px;
	font-style: italic;
	color: #666;
}

span.warning {
	display: block;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #c30;
	margin: 0 0 5px;
	font-style: normal;
}

span.warning input {
	border: 0;
	color: #c30;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 0 3px;
}

label span.warning {
	display: inline;
	margin: 0 5px 0 0;
}

div.form_buttons {
	margin: 2px auto 5px;
	width: auto;
	text-align: center;
	clear: both;
}

input.submit {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #333;
	border: 1px solid gray;
	cursor: pointer;
	padding: 1px 2px 2px 18px;
	background: #ddd url(../images/i_icons/bullet_disk.png) 2px 1px no-repeat;
}

input.go {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #333;
	border: 1px solid gray;
	cursor: pointer;
	padding: 1px 2px 2px 18px;
	background: #ddd url(../images/i_icons/bullet_go.png) 2px 1px no-repeat;
}

input.reset {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #333;
	border: 1px solid gray;
	cursor: pointer;
	padding: 1px 2px 2px 18px;
	background: #ddd url(../images/i_icons/arrow_undo.png) 2px 1px no-repeat;
}

input.submit:hover, input.go:hover, input.reset:hover {
	background-color: #eee;
}

div.inline_form {
	margin: 0 0 5px 20px;
	position: relative;
}

div.inline_form label, form.inline_form input, div.inline_form div {
	display: inline;
}

table.plusminus_table {
	margin: 0 auto;
	height: 14px;
}

table.plusminus_table tr td {
	vertical-align: middle;
	padding: 0 2px;
}

td.plusminus_cell {
	text-align: center;
	width: 6px;
	height: 16px;
}

hr.separator {
	color: silver;
	background-color: silver;
	border-style: none;
	height: 1px;
	width: 250px;
	margin: 2px 15px 10px;
}

div.file_restrictions {
	margin: 5px;
	padding: 5px;
}

div.file_restrictions h3 {
	font-weight: bold;
	font-size: 11px;
	margin: 0 0 5px;
}

div.file_restrictions ul li {
	list-style-position: inside;
	list-style-type: none;
	margin: 0 0 5px;
}

/* Présentation box */

div.presentation_box {
	width: 500px;
	border: 1px dotted #cfcfcf;
	padding: 5px;
	margin: 5px auto 10px;
	text-align: center;
}

div.presentation_box div.tools {
	text-align: right;
	margin: 5px 0 0;
}

div.tools img {
	vertical-align: middle;
}

div.presentation_box.small {
	width: auto;
	margin: 5px auto 10px;
}

div.presentation_box.gallery_box {
	width: 150px;
	margin: 5px;
	padding: 10px;
	float: left;
	min-height: 150px;
	position: relative;
	background: #e0e0e0;
	border: 1px solid #d0d0d0;
}

div.presentation_box.gallery_box div.tools {
	text-align: center;
	margin: 5px auto 0;
	position: absolute;
	bottom: 5px;
	width: 150px;
}

/* Confirm Box */

div#confirm_box {
	background: #F7FFB3 url(../images/i_admin/confirm_bcg.png) bottom left repeat-x;
	width: 400px;
	margin: 10px auto 20px;
	padding: 10px;
}

div#info_box {
	width: 400px;
	margin: 10px auto 20px;
	padding: 10px 10px 10px;
	background: #99f;
}

div#error_box {
	background: #c30;
	width: 400px;
	margin: 10px auto 20px;
	padding: 10px;
}

div#confirm_box img, div#info_box img {
	vertical-align: text-bottom;
}

div#confirm_box p, div#info_box p {
	color: #333;
	font-size: 14px;	
	font-weight: bold;
	margin: 5px 0 10px;
}

div#error_box h2 {
	color: white;
	font: bold 16px "Trebuchet MS", Verdana, Arial, sans-serif;
	margin: 0 0 5px;
}

div#error_box p {
	color: white;
	font-size: 14px;	
	font-weight: bold;
	margin: 5px 0 10px;
}

div#confirm_box div.confirm_buttons {
	text-align: right;
}

div#confirm_box div.confirm_buttons input#discard_button {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	border: 1px solid gray;
	cursor: pointer;
	padding: 2px 3px 3px 18px;
	background: #ddd url(../images/i_icons/arrow_undo.png) 2px 2px no-repeat;
	margin: 0 10px 0 0;
}

div#confirm_box div.confirm_buttons input#confirm_button {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	border: 1px solid gray;
	cursor: pointer;
	padding: 2px 3px 3px 18px;
	background: #ddd url(../images/i_icons/tick.png) 2px 2px no-repeat;
}

div#confirm_box div.confirm_buttons input#discard_button:hover, div#confirm_box div.confirm_buttons input#confirm_button:hover {
	color: #c30;
	background-color: #eee;
}

/* PAGES LIST */

ul.pages_list {
	list-style-position: inside;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div>ul.pages_list {
	padding: 0;
	margin: 0;
	width: 700px;
}

ul.pages_list li {
	margin: 0 0 0;
	padding: 5px 0 5px 20px;
	clear: left;
	position: relative;
}

ul.pages_list li:hover {
	/* background: #eee; */
}

ul.pages_list li img {
	vertical-align: middle;
}

ul.pages_list li div.pages_ordering {
	float: left;
	text-align: center;
	width: 16px;
	height: 14px;
	position: relative;
	/* border: 1px solid red; */
}

td.order_cell {
	padding: 0;
	width: 16px;
}

td.order_cell div {
	text-align: center;
	width: 14px;
	height: 16px;
	position: relative;
	margin: 0;
	padding: 0;
}

ul.pages_list li div.pages_ordering a, td.order_cell a {
	display: block;
	height: 7px;
	width: 16px;
	position: absolute;
	text-indent: -9999px;
	outline: 0;
}

ul.pages_list li div.pages_ordering a.order_up, td.order_cell div a.order_up {
	top: 1px;
	background: url(../images/i_icons/bullet_up.png) center no-repeat;
	/* border: 1px solid blue; */
}

ul.pages_list li div.pages_ordering a.order_down, td.order_cell div a.order_down {
	bottom: -3px;
	background: url(../images/i_icons/bullet_down.png) center no-repeat;
	/* border: 1px solid yellow; */
}

td.order_cell div a.order_up {
	top: 0px;
}

td.order_cell div a.order_down {
	bottom: 0px;
}

ul.pages_list li div.pages_name {
	float: left;
	width: 250px;
	height: 20px;
	padding: 2px;
	font-size: 11px;
	margin: 0 0 0 10px;
}

ul.pages_list li div.pages_name a {
	text-decoration: none;
}

ul.pages_list li div.pages_name img {
	vertical-align: middle;
	margin: 0 5px 0 0;
}

ul.pages_list li div.pages_box.open div.pages_name img.pages_icon {
	display: inline;
}

ul.pages_list li div.pages_name img.pages_icon {
	display: none;
}

ul.pages_list li div.icons {
	display: inline;
	margin: 0 0 0 20px;
	min-width: 30px;
	position: absolute;
}

ul.pages_list li div.icons a {
	margin: 0 0 0 10px;
	text-decoration: none;
}

ul.pages_list li div.icons a img {
	vertical-align: text-bottom;
}

div.icons.objects {
	right: 75px;
}

div.icons.options {
	right: 10px;
}

ul.pages_list li div.pages_box {
	padding: 7px;
	height: 18px;
}

ul.pages_list li div.pages_box.open {
	background: #dfdfdf url(../images/i_admin/page_bcg.png) top left repeat-x;
	height: 42px;
}

ul.pages_list li div.pages_box.open a, ul.pages_list li div.pages_box.open a:hover {
	text-decoration: none;
}

ul.pages_list li div.pages_box div.pages_tools {
	display: none;
}

ul.pages_list li div.pages_box.open div.pages_tools {
	display: block;
	clear: both;
	margin: 0 0 5px;
	text-align: left;
	position: relative;
}

ul.pages_list li div.pages_box.open div.pages_tools div.section_1 {
	position: absolute;
	top: 0;
	left: 30px;
}

ul.pages_list li div.pages_box.open div.pages_tools div.section_2 {
	position: absolute;
	top: 0;
	width: 230px;
	right: 250px;
}

ul.pages_list li div.pages_box.open div.pages_tools div.section_3 {
	position: absolute;
	top: 0;
	width: 100px;
	right: 75px;
}

ul.pages_list li div.pages_box.open div.pages_tools div.section_2 a, ul.pages_list li div.pages_box.open div.pages_tools div.section_3 a {
	margin: 0 5px;
}

/* POPUP */

body#popup {
	width: 800px;
	margin: 0 auto;
}

body#popup div#content_container {
	background: #e0e0e0 url(../images/i_admin/interface_body.png) top center repeat-y;
	width: 796px;
	margin: 15px auto;
	position: relative;
}

#popup_content {
	width: 760px;
	margin: 15px auto;
}

/* Pagination */

#pagination {
	clear: both;
	width: 700px;
	margin: 5px 0;
	text-align: center;
}

#pagination a.page_active {
	background: #bbb;
	color: #fff;
	font-weight: bold;
	padding: 2px;
}

/* Help */

#connect_box .help {
	width: 290px;
	margin: 0 auto;
}

.content_section.help.chap {
	color: #333;
	width: 600px;
	margin: 10px auto;
}

.help img {
	vertical-align: middle;
}

.help a {
	font-size: 11px;
}

.help p, .help li {
	font-size: 11px;
	line-height: 16px;
	margin: 0 0 10px;
	text-align: justify;
}

.help h3 {
	font-size: 14px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #559;
	font-weight: bold;
	margin: 0 0 10px;
}

.help h3 img {
	vertical-align: -2px;
}

.help h4 {
	font-size: 13px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #66d;
	font-weight: bold;
	margin: 7px 0;
}

.help ul {
	list-style-position: inside;
	margin: 5px 0 0 10px;
}

.help .fig_box {
	margin: 5px auto;
	text-align: center;
}

.help .fig_box .img {
	position: relative;
	text-align: center;
}

.help .fig_box .legend {
	display: block;
	margin: 2px auto;
	text-align: center;
	font-size: 9px;
	color: #111;
	font-weight: bold;
}

.help .fig_box .zone {
	display: block;
	border: 2px dotted orange;
	position: absolute;
}

.help .fig_box .zone:hover { 
	border-color: blue;
}

.help .fig_box .zone * {
	display: none;
}

/* NOSCRIPT */

#connect noscript {
	margin: -10px auto 10px;
}

#connect noscript p, #connect noscript h2 {
	width: 95%;
}

noscript {
	display: block;
	width: 100.4%;
	margin: 0 auto;
	padding: 10px;
	color: white;
	background: #c30;
}

noscript h2 {
	width: 500px;
	margin: 5px auto;
	font: bold 18px "Trebuchet MS", Verdana, sans-serif;
}

noscript h2 img {
	vertical-align: -2px;
}

noscript p {
	width: 500px;
	margin: 5px auto;
	font: bold 12px "Trebuchet MS", Verdana, sans-serif;
}

/* CONNECT BOX */

body#connect {
	background: #e0e0e0;
	width: 320px;
	margin: 10px auto 0;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #333;
}

#connect_box {
	width: 320px;
	position: relative;
	margin: 0 auto 0;
	padding: 0 0 95px;
	background: #e0e0e0 url(../images/i_admin/connect_box_body.png) bottom left no-repeat;
}

#connect_box h1 {
	width: 320px;
	height: 70px;
	margin: 0 auto 10px;
	text-indent: -9999px;
	background: #e0e0e0 url(../images/i_admin/connect_box_header.png) top left no-repeat;
}

#connect_form {
	width: 300px;
	text-align: center;
	margin: 0 auto 0;
}

#connect_form label {
	display: none;
}

#connect_form #login {
	display: block;
	margin: 0 auto 15px;
	width: 150px;
	font: bold 14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #333;
	border: 1px solid gray;
	background: #eee url(../images/i_icons/user.png) 2px 2px no-repeat;
	padding: 2px 2px 2px 22px;
}

#connect_form #pass {
	display: block;
	margin: 0 auto 15px;
	width: 150px;
	font: bold 14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #333;
	border: 1px solid gray;
	background: #eee url(../images/i_icons/key.png) 2px 2px no-repeat;
	padding: 2px 2px 2px 22px;
}

label#remember_me {
	display: block;
	width: 172px;
	margin: 0 auto 15px;
	text-align: left;
	font: bold 12px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #666;
}

label#remember_me input {
	vertical-align: -3px;
	margin: 0 3px 0 0;
}

#connect_it {
	font: bold 14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #333;
	border: 1px solid gray;
	cursor: pointer;
	padding: 2px 3px 3px 20px;
	background: #ddd url(../images/i_icons/disconnect.png) 4px 3px no-repeat;
}

#wait_box {
	text-align: center;
}

#login_back {
	position: absolute;
	bottom: 40px;
	left: 20px;	
}

#login_back a {
	font-size: 11px;
	text-decoration: none;
}

#login_back img {
	vertical-align: middle;
	margin-right: 4px;
}

/* GMap */

#map {
	position: relative;
}

#map.display {
	margin: 0 auto 5px;
	width: 764px;
	height: 300px;
}

#map.edit {
	margin: 5px auto 25px;
	width: 450px;
	height: 300px;
}

/* GMap Tools box */

#map_tools {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px;
	border-left: 1px solid gray;
	border-bottom: 1px solid gray;
	background: white;
	text-align: right;
	width: 16px;
	z-index: 9999;
}

.icons_choice {
	margin: 5px auto 15px;
	width: 650px;
	text-align: center;
}

.icons_choice label {
	float: left !important;
	width: 55px !important;
	height: 40px; 
	margin: 5px 10px;
	cursor: pointer;
}

.icons_choice label.selected {
	background: white url(../images/i_admin/highlight_icon.png) top left no-repeat;
}

.icons_choice input {
	display: none;
}

div#marker_tooltip h1 {
	font-size: 16px;
	color: #333;
	margin: 0 0 5px;
}

div#marker_address {
	margin: 0 0 5px;
	color: #999;
	font-style: italic;
}

/* devnote */

.devnote {
	margin: 10px auto;
	padding: 10px 10px 10px 50px;
	background: white url(../images/i_admin/docscript.png) 7px 95% no-repeat;
	min-height: 75px;
	border: 1px dashed #999;
	color: #999;
}