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

html {
	background: #000000 url(http://img.spaccon.net/portail/bgframe.gif) repeat;
}

body {
	font-size: 11px;
	font-family: Arial, Verdana, Sans, serif;
	height: 100%;
	min-height: 100% !important;
	background: transparent url(http://img.spaccon.net/portail/spacconheaderz.jpg) no-repeat center top;
	padding-top: 150px;
}

table {
	font-size: 11px;
	font-family: Arial, Verdana, Sans, serif;		
}

#container {
	width: 1000px;
	margin: auto;
}

#login_box {
	width: 460px;
	min-height: 300px;
	padding: 15px;
	float: left;
	background: transparent url(http://img.spaccon.net/portail/grr.png) repeat scroll 0% 0%;
	color: #eee;
	border: 1px solid #666;
}

#login_box p {
	font-size: 16px;
	font-variant: small-caps;
	font-weight: bold;
	color: #FF9933;
}

#login_box .legend {
	width: 200px;
	height: 30px;
	vertical-align: middle;
}

#login_box .data {
	width: 300px;
	height: 30px;
	vertical-align: middle;
}

#login_box .data input[type="text"], #login_box .data input[type="password"] {
	width: 250px;
	padding: 5px;
	border: 1px solid #ccc;
}

#login_box #opt {
	padding-left: 16px;
	background: transparent url('../img/plus_small.png') no-repeat scroll left center;
	cursor: pointer;
}

#login_box #t_opt {
	display: none;
}

#login_box #opt:hover {
	text-decoration: underline;
}

#login_box #do_connect {
	width: 200px;
	height: 33px;
	background: transparent url('../img/connect_med.png') no-repeat;
	cursor: pointer;
}

#login_box #do_connect:hover {
	background: transparent url('../img/connect_med-hover.png') no-repeat;
}

#login_box #do_save {
	width: 210px;
	height: 33px;
	background: transparent url('../img/save_med.png') no-repeat;
	cursor: pointer;
	float: left;
}

#login_box #do_save:hover {
	background: transparent url('../img/save_med-hover.png') no-repeat;
}

#login_box #do_delete {
	width: 200px;
	height: 33px;
	background: transparent url('../img/delete_med.png') no-repeat;
	cursor: pointer;
	margin-left: 210px;
}

#login_box #do_delete:hover {
	background: transparent url('../img/delete_med-hover.png') no-repeat;
}


#infos_box {
	width: 460px;
	min-height: 300px;
	padding: 15px;
	margin-left: 15px;
	float: left;
	background: transparent url(http://img.spaccon.net/portail/grr.png) repeat scroll 0% 0%;
	color: #eee;
	border: 1px solid #666;
}

#infos_box .a td {
	background-color: #fefefe;
}

#infos_box .b td {
	background-color: #f1f1f1;
}

#infos_box .b td, #infos_box .a td {
	padding: 2px;
}

#infos_box .title {
	background: #F6A828 url(../img/ui-bg_diamond-ripple_35_f6a828_22x22.png) repeat scroll 50% 50%;
	height: 20px;
	text-align: center;
	padding: 3px;
}



/* Tabs */
.ui-tabs {padding: .2em;}
.ui-tabs .ui-tabs-nav { padding: .2em .2em .1em .2em;  position: relative; }
.ui-tabs .ui-tabs-nav li { float: left; border-bottom: 0 !important; margin: 0 .2em -1px 0; padding: 0; list-style: none; }
.ui-tabs .ui-tabs-nav li a { display:block; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {  padding-bottom: .1em; border-bottom: 0; }
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em;  display: block; border: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(../img/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(../img/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../img/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../img/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../img/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../img/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../img/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../img/ui-icons_ffd27a_256x240.png); }


/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(../img/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a { color: #1c94c4; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(../img/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #fafafa url(../img/ui-bg_inset-hard_65_fafafa_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a { color: #eb8f00; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(../img/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(../img/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 11px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(../img/ui-bg_diamond-ripple_35_f6a828_22x22.png) 50% 50% repeat; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(../img/ui-bg_highlight-hard_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.4; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }