/**
* JSPOTES v2.00
* Copyright PFZone@2009
*
* Fichier CSS Général
*
* @todo à nettoyer sur v1=>v2
* @todo compiler les css
*/

@import url(/css/addons.css);
@import url(/css/forum.css);
@import url(/css/accueil.css);
@import url(/css/nav.css);
@import url(/css/joinus.css);
@import url(/css/contact.css);
@import url(/css/don.css);

* {
	  font-family: 'Lucida Grande', Verdana, Geneva, Helvetica, Arial, sans-serif;
	  color:inherit;
	  font-weight: inherit;
}
body,div,p,div,li,td {
	/*text-indent: 0px;*/
	color : inherit;
}

body {
	background-image:url(/images/page_top_right.png);
	background-repeat:repeat-x;
	background-color: #FFF;
	color:#000;
	font-size : 12px;
	text-indent: 0px;
	font-weight: normal;
	color : black;
	margin:auto;padding:0px;
}
form {margin:0px;padding:0px;}
td { text-align:left; vertical-align:top;}
th { text-align:left; vertical-align:top; font-weight: bold; background-color: #318ba3; color:#eee;}
th a { color:#eee;}
.th_asc	{ color:#fff; padding-right:15px; background:url(/images/action_white.png) right no-repeat; }
.th_desc	{ color:#fff; padding-right:15px; background:url(/images/action_back_white.png) right no-repeat; }
p { margin:3px 0px 3px 0px; text-align: justify; }
table {margin:0px;padding:0px;border-width:0px;}
input,button { font-size: 8pt; color:#000; border:1px solid #ccc; background-color: #AAA0CC;
				-moz-border-radius:3px; -webkit-border-radius:3px; }
.checkbox {
	display:inline-table;
	background:url(/images/checkbox.png) no-repeat left top;
	background-position: 0 0;
	min-height:11px; vertical-align: middle; font-size: 8pt; padding-left: 14px;
}
.checkbox:hover { background-position: 0 -41px; }
.checkbox_on { background-position: 0 -93px; }
.checkbox_on:hover { background-position: 0 -146px; }
textarea {
	  font-size: 8pt; color: #000;
	  border:1px solid #ccc;
	  background-color: #AAA0CC;
	  -moz-border-radius:3px;
	  -webkit-border-radius:3px;
}
option { font-size: 8pt; color: #000; border:0 none;background-color: #AAA0CC; }
select { font-size: 8pt; color: #000; border:1px solid #ccc; border-right:0; background-color: #AAA0CC; }

img { border-style: none; }

a           {text-decoration: none; cursor:pointer; color:inherit; }
.link       { color:#00F; }
a.link:visited {color:#636;}
area        {cursor:pointer}
a:hover     {text-decoration:underline}
a:hover.informn  {color:red; text-decoration: none; background-color: #c0d1e5}
a:hover.inform   {color:red; text-decoration: none; background-color: #c0d1e5}
a:hover.huge     {color:red; text-decoration: none; background-color: #c0d1e5; border-style: solid; border-color: gray; border-width: 1px; padding: 0px 2px 0px 2px}

ul	{list-style-image:none;list-style-position:outside;list-style-type:none;padding:0;margin:0;}
h1	{color:#13919d; font-size:12pt;	font-weight: bold; margin:0;}
h2	{color:#e7b61c; font-size:10pt;	font-weight: bold; margin:0;}
h2.action	{margin-left:10px;}
h3	{color:#e7b61c; font-size:8pt;	font-weight: bold; margin:0;}
h3 ul li {display: inline; margin-right: 8px;} h3 ul li:before {content:'> '}
h4  {font-weight: bold; padding:0 15px 0 0; line-height: 30px; display:inline; border-style:none; border-bottom:1px none #13919d;}
hr	{border-style:none; border-bottom:2px dashed #13919d; margin:10px 0;padding:0; width:90%;text-align: left; clear:both; }
blockquote	{ text-align: justify; }

/* Styles standards */
.little     {font-size:10px;}
.normal     {font-size:11px;}
.big        {font-size:12px;}
.huge       {font-size:46px;}

.regular    {font-weight:normal;}
.italic     {font-style:italic;}
.bold       {font-weight:bold;}

.color_blue { color:#13919d;}
.color_yellow { color:#e7b61c;}
.color_green { color:#5cc5e2;}

.title      {color: #000; font-weight:bold}
.subtitle   {color: #999; font-weight:normal}

.inform     {color: #000; font-weight:bold}
.informi    {color: #000; font-weight:normal; font-style:italic}
.informg    {color: #999; font-weight:bold}
.informl    {font-size:10px;  color: #000; font-weight:bold}
.informlg   {font-size:10px;  color: #000; font-weight:normal}
.informn    {color: #000; font-weight:normal}
.informng   {color: #999; font-weight:normal}

.link       {cursor:pointer;}
.helper     {cursor:help;}
.overlined  {color:#000; background-color: #C90; padding:1px 1px;}
.user       {font-size:9pt; color: #BBB; font-weight:normal}
.newmess    {font-size:8pt; color: #FA0; font-weight:bold}
.error      {font-size:8pt; color: #F20; font-weight:bold}
.errorform		{color:#fff;background-color:#fa0}
.errorformlbl	{margin:2px; font-style: italic; font-weight: bolder;}

.outer              {height: 400px; overflow: hidden; position: relative;}
.outer[class]       {display: table; position: static;}
.outer_popup        {height: 100%; overflow: visible; position: relative;}
.outer_popup[class] {display: table; position: static;}
.middle             {position: absolute; top: 50%;} /* for explorer only*/
.middle[class]      {display: table-cell; vertical-align: middle; position: static;}
.inner              {position: relative; top: -50%} /* for explorer only */

.bordered           {border:1px solid #99C;}
.centered           {text-align:center;}
.righted            {text-align:right;}
.lefted             {text-align:left;}
.clear              {clear:both;}
.nowrap             {white-space:nowrap;}
.hidden             {display:none;}
.inline             {display:inline;}
.vbottom            {vertical-align: bottom;}
.vcenter            {vertical-align: middle;}
.vtop               {vertical-align: top;}

.padded             { margin-left:12px; }

.subnav			{ font-size:9pt;color:#000;margin:2px; display:inline; background:url(/images/action_white.png) 2px 3px no-repeat; padding:2px 0 2px 14px; }

.boxed		{text-align: center; color: #000; background:#fff;border:1px none #eef;
			padding:7px; width:60%; margin:5px auto; display:block; -moz-border-radius:6px; -webkit-border-radius:6px;}

.action 		{ background:url(/images/action_white.png) 2px 0px no-repeat; padding-left:15px; line-height:14px; }
.action_right 	{ background:url(/images/action_back_white.png) right 2px no-repeat; padding-right:14px; line-height:14px;}
.action_back 	{ background:url(/images/action_back_white.png) 2px 2px no-repeat; padding-left :15px; line-height:14px;}

.check {
	  font-size:6px;
	  border-width:0;
	  background-color: transparent;
	  margin: 1px;
}
.line {
	height:1px;
	overflow:hidden;
	background-color:#99C;
}

.hover			{ }
.hover:hover	{ background-color:#95da4c; }

.popuptable {
	width:100%;
	height:100%;
	border-spacing:0px;
	background-color: #558;
}
.popuptitle {
	padding:4px;
	text-align:center;
	background-color: #669;
	height:20px;
	font-weight: bold;
}
.popupclose {
	background-color:#669;
	text-align:center;
	padding:4px;
	height:20px;
}
.logbreak {
	text-align:center;padding:2px;margin:2px;border-bottom:1px solid #99C;background-color:#669;
}
.waiting { min-height:20px; background:url(/images/spinner.gif) no-repeat left;padding-left:20px; text-align:left; vertical-align:middle; line-height:20px; cursor: wait; margin:2px }
.waiting_center { min-height:40px; background:url(/images/spinner.gif) no-repeat center;padding-top:20px; text-align: center; margin:2px; }
button.waiting { background-color:#fff;color:#444; }

.morepage_container	{ min-height:20px; display:block;vertical-align:middle; line-height:20px; padding-left:20px; text-align: center; margin:5px; }
.morepage_container * {font-size:8pt; }
.morepage_number {font-size:8pt; font-weight: bold;}

/**************************************** MAIN BODY */
#page_banner {
	padding:0;margin:0;
	width:950px;height:180px;
	background-image:url(/images/page_top.jpg);background-repeat:no-repeat;
	text-indent: -5000px;
}
#page_container {
	width:auto;min-width: 950px;
	margin:25px 8px 0px 40px;
	padding-bottom: 20px;
	position:relative;
	display:block;
}
#frame_tl {
	position:absolute;
	background-image:url(/images/page_frame_tl.jpg);background-repeat:no-repeat;
	top:-24px;height:24px;
	left:-24px;width:24px;
}
#frame_tr {
	position:absolute;
	background-image:url(/images/page_frame_tr.jpg);background-repeat:no-repeat;
	top:-24px;height:24px;
	right:0px;width:24px;
}
#frame_l {
	position:absolute;
	background:url(/images/page_frame_left.jpg) repeat-y;
	top:0;height:100%;
	left:-24px;width:24px;
}
#frame_r {
	position:absolute;
	background-image:url(/images/page_frame_right.png);background-repeat:repeat-y;
	top:0px;height:100%;
	right:-3px;width:8px;
}
#frame_bottom {
	position:absolute;
	background-image:url(/images/page_frame_bottom.jpg);background-repeat:repeat-x;
	bottom:-15px;left:-22px;right:2px;
	height:15px;width:auto;
}

/**************************************** HNAV */
#menubar {
	position:absolute;
	width:100%;
	top:-49px;
	left:0px;
	background-image:url(/images/menubar_lo.png);background-repeat:repeat-x;
}
#menubar ul { list-style-image:none;list-style-position:inside;list-style-type:none; margin:0; }
#menubar li {
	float:left;
	height:29px;
}
#menubar li a {display:block;text-indent:-5000px;height:29px;background-image:url(/images/menubar.png);}

#webappbaseinfos {text-align:center;margin:4px;}
#xiti-logo { display:none; }

/****************** INFORMATIONS **/
.info_item_nav_prev	{font-size:9pt;display:block;}
.info_item_nav_next	{font-size:9pt;display:block;text-align:right;}
.info_item_date		{font-size:8pt;}
.info_item_content	{font-size:9pt;background:#eef; padding:7px;border:1px none #99C;width:auto;height:auto; -moz-border-radius:6px; -webkit-border-radius:5px;}

/****************** AGENDA **/
.agenda_div { background:transparent; margin: 2px 2px 2px 2px;padding-bottom: 2px;overflow:auto;overflow-x:auto;border:0px solid #9999CC;width:430px;height:600px;}
#agenda_container { padding:0 0 10px 0px;  }
#agenda_cal_content { background:url(/images/agenda_title.jpg) no-repeat; border-bottom:2px solid #13929b; padding-left:280px; height:150px; }
#agenda_main_content { background:url(/images/book_left.png) repeat-y; padding:10px 10px 10px 60px; }

/*.agendacal { background-color: #aadeff; font-size: 8pt; margin-bottom: 15px; border:1px solid #aadeff; }*/
.agendacal { font-size: 8pt; margin-bottom: 15px; border-collapse: collapse; }
/*.agendacal td { text-align: center; padding:2px 8px; }*/
.agendacal td { background-color: #FFFFFF; border: 1px solid #99A9B6; text-align: center; padding:2px 8px; }
.agendacal th { background-color: #FFFFFF; color: #000000;padding:2px 8px; }
.agendacal th a { background-color: #FFFFFF; color: #000000;padding:2px 8px; }
/*.agendacalheader div { background-color: #aadeff; font-weight: bold; font-size: 9pt; }*/
.agendacalheader div { font-weight: bold; font-size: 9pt; }
/*.agendacal .day     { background-color: #13929B; font-weight: normal; font-size: 8pt; }*/
.agendacal .day     { background-color: #99A9B6; font-weight: normal; font-size: 8pt; }
/*.agendacal .dayweekend  { background-color: #13929B; font-weight: bold; font-size: 8pt; }*/
.agendacal .dayweekend  { background-color: #99A9B6; font-weight: bold; font-size: 8pt; }
/*agendacal .null    { background-color: #b0b0b0; font-weight: normal; font-size: 8pt; }*/
.agendacal .null    { color: #999999; font-weight: normal; font-size: 8pt; }
.agendacal .nullweekend    { background-color: #CCCCCC; color: #999999; font-weight: bold; font-size: 8pt; }
.agendacal .empty   { font-weight: normal; font-size:8pt; }
.agendacal .emptyweekend  { background-color: #CCCCCC; font-weight: bold; color:#000 ; font-size:8pt; }
.agendacal .full    { font-weight: bold; color:#13929b; }
.agendacal .fullweekend    { background-color: #CCCCCC; font-weight: bold; color:#13929b; }
/*.agendacal .current { background-color: #13929b 99CCFF; color:#fff; }*/
.agendacal .current { background-color: #99CCFF; color:#fff; }
.agendasend		{ font-size: 8pt; font-weight: normal; }
.agenda_objs_table		{ border-style:none; border-top:2px dashed #5dd; }

.agendausers	{ font-size:8pt; float:right; margin-bottom:5px; padding:5px; text-align: left;  background-color:#aadeff; }
.agendausers	.header	{ font-weight:bold; }
.agendausers	ul	{ margin:0;padding:0; }
.agendausers	li	{ padding-left:3px;font-size: 8pt; }

.agendainfos	{ margin-left:10px; clear:both; }
.agendaowner	{ margin-left:10px; clear:both; font-weight: bold; font-size: 8pt; }

.agendaentry    { margin-top:4px; padding:5px 0 ; clear:both; }
.agendatitle    { font-size: 10pt; font-weight:bold; background-color: #13919f; color:#fff; padding:2px 5px; }
.agendadate ul	{ margin:0; padding:0 5px; display:inline; }
.agendadate li	{ display:inline;font-size: 7pt; font-weight: bold; color: #13919f; margin:0 3px; }
.agendadate li:before	{content:"["; }
.agendadate li:after	{content:"]"; }
.agendagetin    { display:inline; margin:0px 4px;font-weight: bold; color: #13919f; }
.agendacontent  { font-size:9pt; margin:5px 10px 3px 10px; text-align:justify;}
.agendacontent img { float:left; margin-right:4px; padding:1px; border:1px solid #13919f; }

.agendacontent_accueil  	{ font-size:8pt; padding:3px 10px ; text-align:justify;}
.agendacontent_accueil img	{ float:left; padding-right:4px; }
.agendadate_accueil			{ text-align:right; font-size: 10px; font-weight: bold; color: #13919f; }

#agendaadd_calendar { width:250px; color:#000; margin:5px 0 0 5px; }
#agendaadd_calendar td, #agendaadd_calendar div, #agendaadd_calendar div a, agendaadd_calendar a { color:#000; }
#agendaadd_calendar .null    { color: #999999; font-weight: normal; font-size: 8pt; }
#agendaadd_calendar .nullweekend    { background-color: #CCCCCC; color: #999999; font-weight: bold; font-size: 8pt; }
#agendaadd_calendar .empty a { color:#000;}
#agendaadd_calendar .emptyweekend  { font-weight: bold; color:#000 ; font-size:8pt; }
#agendaadd_calendar .emptyweekend  a { font-weight: bold; color:#000 ; font-size:8pt; }
#agendaadd_calendar .full  a { font-weight: bold; color:#000 ; font-size:8pt; }
#agendaadd_calendar .th {padding: 2px 8px;}
#agendaadd_calendar .th a {padding: 2px 8px;}

.agendaaddcal { font-size: 8pt; margin-bottom: 15px; border-collapse: collapse; }
.agendaaddcal td { background-color: #FFFFFF; border: 1px solid #99A9B6; text-align: center; padding:2px 8px; }
.agendaaddcal th { color: #000000;padding:2px 8px; }
.agendaaddcal th a { color: #000000;padding:2px 8px; }
/*.agendacalheader div { background-color: #aadeff; font-weight: bold; font-size: 9pt; }*/
.agendacalheader div { font-weight: bold; font-size: 9pt; }

.agendaaddcal .day     { background-color: #99A9B6; font-weight: normal; font-size: 8pt; }
/*.agendacal .dayweekend  { background-color: #13929B; font-weight: bold; font-size: 8pt; }*/
.agendaaddcal .dayweekend  { background-color: #99A9B6; font-weight: bold; font-size: 8pt; }
/*agendacal .null    { background-color: #b0b0b0; font-weight: normal; font-size: 8pt; }*/
.agendaaddcal .null    { color: #999999; font-weight: normal; font-size: 8pt; }
.agendaaddcal .nullweekend    { background-color: #CCCCCC; color: #999999; font-weight: bold; font-size: 8pt; }
.agendaaddcal .empty   { font-weight: normal; font-size:8pt; }
.agendaaddcal .emptyweekend  { background-color: #CCCCCC; font-weight: bold; color:#000 ; font-size:8pt; }
.agendaaddcal .full    { font-weight: bold; color:#13929b; }
.agendaaddcal .fullweekend    { background-color: #CCCCCC; font-weight: bold; color:#13929b; }
/*.agendacal .current { background-color: #13929b 99CCFF; color:#fff; }*/
.agendaaddcal .current { background-color: #99CCFF; color:#fff; }

#agenda_calendar { float:left; }
#agenda_new a { float:left; margin:30px 0 0 10px; display:block; text-indent: -5000px; background:url(/images/agenda_add.png) no-repeat; width:167px; height:46px; }

.popmessage { color:#fff;font-weight: bold;font-size: 10pt; text-align: center; }

.infotool {
	z-index:12000;
	opacity:0.9;
	color:#222255;
	border:1px solid #99C;
	padding:2px;
	max-width:400px;
	background-color:#BBE;
	-moz-border-radius:5px;
}
.infotool .tip-text {
	color:#000;
}
.infotool .tip-title {
	color:#FFF;
	font-weight: bold;
}
/******************************************************** MAIL **/

.smiley, #mail_newmess .smiley  			{ border:none; margin:0 3px }
.mail_newmess 		{ width:auto; }
.mail_usermode_current	{ background:url(/images/forum_tree_buttons.png) no-repeat; background-position:0 0; width:11px;height:11px;margin:1px 5px 0 0; display:inline-table;}
.mail_usermode_toreach	{ background:url(/images/forum_tree_buttons.png) no-repeat; background-position:-11px 0; width:11px;height:11px;margin:1px 5px 0 0; display:inline-table;}
.mail_newmailuser 	{ background-color:#eaeafa; cursor: pointer; padding:3px; width: 80%; }
#mail_newmess img       {border:1px solid #13919d;margin:2px;}
#mail_newmess hr		{border-style:none; border-bottom:2px dashed #13919d; margin:5px 0 5px 0;padding:0; width:90%;}
#mail_newmess p 		{ margin: 0px 10px 5px 15px; }
#mail_newmess cite 		{ font-style: normal; margin-left: -15px; }
#mail_newmess q 		{ }
#mail_newmess q:before	{ content:no-open-quote ; }
#mail_newmess q:after	{ content:no-close-quote ; }
.them { font-size:11px; color: black; font-weight: bold; }
.you  { font-size:11px; color: black; font-weight: normal;}
.info { font-size:11px; color: black; font-weight: normal; }
.log {
	margin: 0px 0px 0px 0px; padding-bottom: 2px;
	overflow:auto; overflow-x:auto;
	border:0px none grey;
	width:99%; max-height:140px;
}
.lastmess {
	color: #000;
	background-color: #eee;
}
.mail_addon_thumbnail { width:30px; cursor:pointer ;border:1px solid #13919d}
#mail_log_users	ul		{ height:300px;width:300px; border:1px dashed #5dd;overflow: auto;margin:0;padding:0; white-space:nowrap; }
#mail_log_users	li		{  }
.mail_log_user			{ font-size:8pt;font-weight:normal; }
.mail_log_user_active	{ font-size:9pt;font-weight:bold; }
.mail_log_user_deleted	{ font-size:8pt;font-weight:normal;font-style: italic; }
#mail_log_text			{ background:#eef; padding:5px; margin:5px; -moz-border-radius:3px; -webkit-border-radius:3px;  }
#mail_log_text	hr		{ border:none; margin:3px; }

/***************************************** CATALOGUE *******/
#profile_image		{ margin:0 10px 10px 0; padding:0;}
#profile_image	img	{ border:1px solid #fff; }
#profile_info		{ font-size: 11pt; font-weight: bold;}
#profile_info ul	{ padding:0 0 1px 12px;white-space:nowrap;}
#profile_info li	{ font-size: 8pt; padding-left:0; line-height: 14px; }
#profile_menu		{ margin:5px; }
#profile_menu ul	{ padding:0 0 1px 12px;white-space:nowrap; }
#profile_menu li	{ font-size: 9pt; padding-left:5px;}
#profile_menu a		{ font-weight: bold; }
#profile_menu li:before	{ content:" > "; }
#profile_menu .current a { background:url(/images/action_white.png) 2px 2px no-repeat; padding-left:16px; }
#profile_menu .current:before	{ content:""; }

.profile_table		{ border-style:none; border-top:2px dashed #5dd; }
.profile_infoh		{ font-size: 9pt; width:200px; padding-right:10px; white-space: nowrap; text-align: right; }
.profile_infoc		{ font-size: 9pt; font-weight: bold; }

.profile_obj_container	{ display:block; width:650px; }
.profile_obj_container td { font-size: 8pt; }
.profile_obj		{ float:left;margin:5px; height:130px;}
.profile_obj:hover	{ background-color:#AADEFF;}
.profile_obj.main 	{ background-color:#AADEFF; }
.profile_obj li		{ font-size: 8pt; }
.profile_obj td		{ overflow: hidden; width:120px; font-size: 8pt; }
.profile_obj div	{ font-size:8pt; width:140px; overflow: hidden; white-space: nowrap;}
.profile_obj img	{ border:1px dashed #7ff; }
.profile_obj.main div	{ font-weight: bold; }
.profile_obj_upd	{ vertical-align: bottom;}

.update .profile_obj	{ height:155px;}
.profile_obj_container.update 	{ width:90%; }


/***************************************** CATALOGUE *******/
#objfile_container { border:0px none;}
.objfile_container td { overflow:hidden;}
.objfile_container tr:hover { background-color:#AADEFF;}
.objimg_container { float:left;display:block;width:auto; height:160px;margin:1px;padding:1px;border:1px solid #F90;}
.objimg_container img {border:1px solid #F90;}
.objimg_container img:hover {border:1px solid #000;}
#obj_send_container { margin:20px 20px;}

/***************************************** ANNUAIRE *******/
#userlisttab	{ width:100%; }
.userlist ul		{ display:block; }
.userlist hr		{ clear:both; display:block; border:none; }
.userlist ul li		{ float:left; height:200px; width:170px; font-size : 9pt; }
.userlist ul li	span { width:136px; height:107px; display:block; text-align: center; line-height: 107px; }
.userlist ul li span img { border:2px solid #7bb; padding:1px; vertical-align: middle; }
.userlist ul li	p 	{ background-color: #fff; }
.userlist ul li	em 	{ font-style: normal; font-weight: bold; }
.userlist ul li	a	{ font-size:8pt; }
.userlist ul li	a:before	{ content:"> "; }
#searchpad_admin .action { font-size: 8pt; }
#searchpad_recap { margin-bottom:5px; display:block; padding-bottom:5px; }
#searchpad_recap .action	{ font-size:8pt; font-style: italic; }
#searchpad_recap li	{ font-size:8pt; background:url(/images/action_white.png) no-repeat left; padding-left: 15px; }

#admin_mailer_progress	{ padding:10px;font-weight: bold;font-size:10pt; text-align: center;}

/**************************************** SANTE ******/
#sante_rubriques a	{display:block;}
#sante_rubriques li	{display:inline-table;text-indent:-5000px;}
#sante_rubrique_content { }
#sante_rubrique_content h2 { font-size: 12pt; font-weight: bold; vertical-align: middle; line-height: 50px; }
#sante_rubrique_content h2 a { display:inline-table; height:50px;padding-left:60px; margin-bottom: 10px; }
#sante_rubrique_content p { margin:3px 5px 5px 10px; font-size: 8pt; }
#sante_rubrique_content h3 { font-size:10pt; }

/**************************************** LINKS ********/
#links_container li		{ font-size:9pt; font-weight: bold; background:url(/images/action_white.png) no-repeat left 2px; padding-left: 15px; }
#links_container li	a	{ font-weight: normal; }
#links_container li	address	{ font-size:8pt; font-weight: normal; }


/*#container {
	margin: auto;
	width: 400px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000033;
	border-right-color: #000033;
	border-bottom-color: #000033;
	border-left-color: #000033;
	background-color: #FFFFFF;
}
#container #header #header_left {
	float: left;
	background-image: url(images/header_left.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 45px;
}
#container #header #header_right {
	background-image: url(images/header_right.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 6px;
	float: right;
}
body {
	padding-top: 30px;
	background-color: #CCCCCC;
}
#container #content {
	padding: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
#container #footer {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-align: right;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-right-color: #000033;
	border-bottom-color: #000033;
	border-left-color: #000033;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#container #footer a {
	color: #999999;
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#container #header #header_main {
	float: left;
	padding: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.sbtn    {
	background-image: url(images/button.gif);
	border: 1px solid #000033;
	height: 22px;
	width: 82px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-position: center;
	padding: 0px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}
button {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	height: 22px;
	width: 82px;
	background-image: url(images/button.gif);
}
#container #content #form1 legend {
	padding: 5px;
	margin: auto;
}
form {
	margin: 10px 5px 0px 5px;
}




#container #header {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/header_bg.gif);
	background-repeat: repeat-x;
	height: 42px;
}
label {
	padding: 0px;
	text-align: center;
}*/

.msg {
	text-align:left;
 	color:#666;
	background-repeat: no-repeat;
 	margin-left:30px;
   margin-right:30px;
	padding:5px;
   padding-left:30px;
}

.emsg {
	text-align:left;
	margin-left:30px;
   margin-right:30px;
	color:#666;
	background-repeat: no-repeat;
	padding:5px;
   padding-left:30px;
}

#loader{
   visibility:hidden;
}

#f1_upload_form{
   /*height:100px;*/
}

#f1_error{
   font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
   font-weight:bold;
   color:#FF0000;
}

#f1_ok{
   font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
   font-weight:bold;
   color:#00FF00;

}

#f1_upload_form {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}

#f1_upload_process{
   z-index:100;
   visibility:hidden;
   position:absolute;
   text-align:center;
   width:400px;
}
