body
{
	margin-left:auto;
	margin-right:auto;
	background-color: #101740;
	padding:0px;
	margin-top:0px;
	width:800px;
	height:702px;
}

a img
{
	text-decoration:none;
	border:none;
}

.button, .button:visited 
{
	background: #222 url(images/a-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #000000; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: .1em .1em 4px #333333; /*0 -1px 1px rgba(0,0,0,0.25);*/
	border-bottom: 2px solid rgba(33,33,33,0.25);
	border-right: 2px solid rgba(33,33,33,0.25);
	position: relative;
	cursor: pointer;
}

.button:hover
{ 
	background-color: #111; 
	color: #fff;
}

.button:active
{
	top: 1px;
}

.small.button, .small.button:visited
{ 
	font-size: 11px; 
	padding: ;
}

.button, .button:visited, .medium.button, .medium.button:visited
{ 
	font-size: 13px; 
	font-weight: bold; 
	line-height: 1; 
	/* text-shadow: 0 -1px 1px rgba(0,0,0,0.25); */
}

.large.button, .large.button:visited
{
	font-size: 14px; 
	padding: 8px 14px 9px;
}

.green.button, .green.button:visited
{
	background-color: #91bd09;
}

.green.button:hover
{
	background-color: #749a02;
}

.blue.button, .blue.button:visited
{
	background-color: #2daebf;
}

.blue.button:hover
{
	background-color: #007d9a;
}

.red.button, .red.button:visited
{
	background-color: #e33100;
}

.red.button:hover
{
	background-color: #872300;
}

.magenta.button, .magenta.button:visited
{
	background-color: #a9014b;
}

.magenta.button:hover
{
	background-color: #630030;
}

.orange.button, .orange.button:visited
{
	background-color: #ff5c00;
}

.orange.button:hover
{
	background-color: #d45500;
}

.yellow.button, .yellow.button:visited
{ 
	background-color: #FFD738;
}

.yellow.button:hover
{ 
	background-color: #fc9200;
	text-shadow: .1em .1em 8px #333333;
}


/* Classes */
.top_space
{
	width:800px;
	float:left;
	height:4px;
}

.maincell
{
	background-color: #FFFFFF;
	padding:0px;
	width:800px;
	height:700px;
	float:left;
}

.leftside
{
	width:187px;
	height:700px;
	float:left;
}

.panelr
{
	width:613px;
	height:700px;
	margin:0px;
	padding:0px;
	float:left;
	display:block;
}

.topcell
{
	width:187px;
	height:104px;
	background-color:#3F4B8E;
	float:left;
}

.middlecell
{
	width:187px;
	height:25px;
	background-color:#99CCCC;
	float:left;
}

.menucell
{
	width:187px;
	height:571px;
	background-color:#3F4B8E;
	float:left;
}

.logosize
{
	width:613px;
	height:155px;
	float:left;
	text-decoration:none;
}

.logo
{
	width:613px;
	height:155px;
	float:left;
	text-decoration:none;
	border:0px;
}

.datawin
{
	margin:0px;
	padding:0px;
        width:613px;
        height:502px;
  	background: #FFFFFF;
  	display:block;
	float:left;
	overflow: auto;
}

.footerwin
{
	margin:0px;
	padding:0px;
	width:580px;
	height:40px;
	background: #FFFFFF;
	display:block;
	float:left;
	margin-top:1px;
	margin-left:10px;
	border-top:2px solid #99CCCC;	
}

.trmark
{
	font-family: verdana, helvetica, sans-serif;
	font-size: 9px;
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;
	text-align: center;
	cursor: default;
	margin: 0px;
	border: 0px;
}

.mails 
{
	font-family: verdana, helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;
	text-align: center;
	cursor: default;
	margin: 0px;
	border: 0px;
}

.mails:hover
{
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;
	text-align: center;
	cursor: default;
	margin: 0px;
	border: 0px;
}

.content_win
{
	width:580px;
	margin-left:10px;
	margin-top:10px;
	display:block;
	float:left;
}

.content_title
{
	font-family: arial, helvetica, sans-serif;
  	font-size: 14px;
  	font-weight: bold;
  	font-style: normal;
  	background-color: #FFFFFF;
  	color: #3F4B8E;
 	text-transform: capitalise;
 	text-align: justify;
 	text-indent: 0px;
 	cursor: default;
 	margin-bottom: 10px;
 	border-bottom: 2px solid #99CCCC;  
}

.content_img
{
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}

.content_txt
{
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #000000;
	text-align: justify;
	text-indent: 0px;
	cursor: default;
	margin: 10px;
	border: 0px;
}

.content_txtc
{
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #000000;
	text-align: center;
	text-indent: 0px;
	cursor: default;
	margin: 10px;
        margin-bottom:20px;
	border: 0px;
}

.content_txtcb
{
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #000000;
	text-align: center;
	font-weight:bold;
	text-indent: 0px;
	cursor: default;
	margin: 10px;
        margin-top:25px;
	border: 0px;
}

.content_txtreq
{
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #000000;
	text-align: justify;
	text-indent: 0px;
	cursor: default;
	margin-top: 5px;
	margin-left:10px;
	margin-bottom:5px;
	float:left;
}

.wrappedimg
{
	margin:10px;
}

/* Quotes from people */
.quotewa
{
	text-indent: 0px;
	text-align : right;
	font-family: COMIC SANS MS, verdana, helvetica, sans-serif;
	font-size: 14px;
	background-color: #ffffff;
	text-decoration: none;
	color: #291B6B;
	cursor: default;
	margin-right:10px;
	float:right;
}

.quotea
{
	text-indent: 0px;
	text-align : right;
	font-family:arial, helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	color: #000000;
	margin-right:10px;
	float:right;
}

.quote
{
	font-family:arial, helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	color:#3F4B8E;
	text-decoration: none;
	text-indent: 0px;
	text-align: justify;
	cursor: default;
	margin: 10px;
	border: 0px;
}

.quoten
{
	font-family:arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;
	text-indent: 0px;
	text-align: left;
	cursor: default;
	margin: 8px;
	border: 0px;
}

.quotenw
{
	font-family:arial, helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;
	text-indent: 0px;
	text-align: left;
	cursor: default;
	margin: 8px;
	border: 0px;
}

.bigidea
{
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;
	text-transform: capitalise;
	text-align: left;
	text-indent: 0px;
	cursor: default;
	margin: 10px;
	border: 0px;
}

/* Lists */
UL.ok_list
{
 	list-style-image: url("images/arrow.gif");
 	text-indent: 10px;
 	text-align : left;
 	font-family: COMIC SANS MS, verdana, helvetica, sans-serif;
 	font-size: 14px;
 	background-color: #ffffff;
 	text-decoration: none;
 	color: #291B6B;
 	cursor: default;
 	margin: 5px;
}

UL.new_list
{
	list-style-image: url("images/arrow.gif");
	list-style-position: inside;
	text-indent: 10px;
	text-align : left;
	font-family: COMIC SANS MS, verdana, helvetica, sans-serif;
	font-size: 14px;
	background-color: #ffffff;
	text-decoration: none;
	color: #291B6B;
	cursor: default;
	margin: 2px;
}

/* System menu */
.menulat
{
	margin-top:25px;
	margin-left:10px;
}

.menulat ul 
{
	list-style-type:none; 	/* remove bullets and numbering */
	display: inline;		/* remove line breaks and carriage return */
	margin: 0;
	padding: 0;
}

.menulat li
{
	margin-top:5px;
}

.menuit
{
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	background-color: #3F4B8E;
	text-decoration: none;
	text-align: center;
	color: #99CCCC;
}

.menuit:hover
{
	font-size: 13px;
	color: #9999CC;
	text-decoration: none;
	text-align: center;
	cursor: default;
}

.menulatimg
{
	margin-left: -12px;
	padding:0;
}

.stampaddr
{
	margin-left:auto;
	margin-right:auto;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	text-align:center;
	color: #781351;
	background: #fee3ad;
	border: 1px solid #781351;
	width:200px;
}

/*  Forms */
#tbbook1
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	float:left;
	background:#FFFFFF;
	width:560px;
	height:250px;
	margin-top:60px;
	margin-left:10px;
	display:block;
	position:absolute;
	visibility:hidden;
}

#tbbook2
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	float:left;
	background:#FFFFFF;
	width:560px;
	height:250px;
	margin-top:60px;
	margin-left:10px;
	display:block;
	position:absolute;
	visibility:hidden;
}

#tbbook3
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	float:left;
	background:#FFFFFF;
	width:560px;
	height:250px;
	margin-top:60px;
	margin-left:10px;
	display:block;
	position:absolute;
	visibility:hidden;
}

#tb1
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	float:left;
	background:#FFFFFF;
	width:560px;
	height:220px;
	margin-top:30px;
	margin-left:10px;
	display:block;
	position:absolute;
	visibility:visible;
}

#tb2
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	float:left;
	background:#FFFFFF;
	width:560px;
	height:220px;
	margin-top:25px;
	margin-left:10px;
	display:block;
	position:absolute;
	visibility:hidden;
}

#tb3
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	float:left;
	background:#FFFFFF;
	width:560px;
	height:220px;
	margin-top:25px;
	margin-left:10px;
	display:block;
	position:absolute;
	visibility:hidden;
}

#tb4
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	float:left;
	background:#FFFFFF;
	width:560px;
	height:220px;
	margin-top:27px;
	margin-left:10px;
	display:block;
	position:absolute;
	visibility:hidden;
}

#jb1
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	float:left;
	width:560px;
	margin-top:47px;
	background:#FFFFFF;
        display:block;
	position:absolute;
	visibility:hidden;
}

#jb2
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	float:left;
	width:560px;
	margin-top:47px;
	background:#FFFFFF;
        display:block;
	position:absolute;
	visibility:hidden;
}

#jb3
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	float:left;
	width:560px;
	margin-top:47px;
	background:#FFFFFF;
        display:block;
	position:absolute;
	visibility:hidden;
}

#newcli
{
	float:left;
	display:block;
	position:absolute;
	visibility:visible;
	margin-top:30px;
	height:220px;
}

.fset_lev1
{
	border: 1px solid #781351;
 	width:536px;
 	float:left;
 	margin-left:10px;
 	margin-top:10px;
}

.leg_lev1
{
	font-family: arial, helvetica, sans-serif;
  	font-size: 13px;
  	color: #fff;
  	background: #ffa20c;
  	border: 1px solid #781351;
  	padding: 2px 6px
}

.fsethalfesl
{
	width:308px;
	float:left;
}

.fsethalfesr
{
	width:228px;
	float:right;
}

.tbleft
{
	width:280px;
	height:195px;
	float:left;
}

.tbright
{
	width:280px;
	height:195px;
	float:right;
}

.tbleft2
{
	width:280px;
	height:50px;
	float:left;
}

.tbright2
{
	width:280px;
	height:50px;
	float:right;
}

.tb75
{
	width:380px;
	float:left;
}

.tb25
{
	width:160px;
	float:right;
}

.ltxt 
{  
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	position: relative;  
	float: left;    
	margin-right: 0.2em;
	margin-top:3px;
}

.inputtxt
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #781351;
	background: #fee3ad;
	border: 1px solid #781351;
        margin-top:2px;
	margin-bottom:2px;
}

.labeltxt 
{  
	font-family: arial, helvetica, sans-serif;
 	font-size: 12px;
  	position: relative;  
  	float: left;  
  	width: 5.5em;  
  	margin-top: 6px;
  	margin-left:4px;
}

.labeltxtm 
{  
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;  
	position:relative;
	float:left;
	margin-right: 0.2em;
	margin-top:4px; 
}

.labeltxtem 
{  
	font-family: arial, helvetica, sans-serif;
	font-size: 8px;
        width:5px;
	float:none;   
}

.bookline
{
	float:left;
	display:block;
	height:5px;
	width:560px;
	margin-left:10px;
 	border-bottom: 2px solid #99CCCC;
}

.booktext
{
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #000000;
	text-align: justify;
	text-indent: 0px;
	cursor: default;
	margin-left: 10px;
	border: 0px;
}

.buttons
{
	float:left;
	background:#FFFFFF;
	width:560px;
	height:25px;
	margin-left:10px;
	margin-top:240px;
	position:absolute;
	display:block;
}

.buttons_book
{
	float:left;
	background:#FFFFFF;
	width:560px;
	height:25px;
	margin-left:10px;
	display:block;
	margin-top:315px;
	position:absolute;
}

.btsend
{
	float:left;
	margin-top:3px;
	margin-left:10px;
	display:block;
}

.btreset
{
	float:right;
	margin-top:3px;
	margin-right:10px;
	display:block;
}

/* It is not a new class as it is a normal HTML tag */
textarea
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #781351;
	background: #fee3ad;
	border: 1px solid #781351;
	overflow:none;
	heigth:40px;
}

.ta_addr
{
	height:70px;
}

.ta_pbox
{
	height:64px;
}

.ta_lang
{
	height:50px;
}

.ta_duties
{
	height:40px;
	margin-top:2px;
	margin-bottom:2px;
}

.ta_reasons
{
	height:40px;
	margin-top:2px;
	margin-bottom:2px;
}

.rad_moz
{
	margin-top:2px;
	margin-bottom:2px;
}

.ta_inj
{
	height:40px;
	margin-top:2px;
	margin-bottom:2px;
}

.ta_ill
{
	height:40px;
	margin-top:2px;
	margin-bottom:2px;
}

.ta_spec
{
	height:130px;
	margin-top:2px;
	margin-bottom:2px;
}

.selectopt
{
	margin-top:2px;
	margin-bottom:2px;
}

/*  MENU CODES  */
/*  Horizontal menu code */
#tabsF
{
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  float:left;
  background:#FFFFFF;
  border-bottom:1px solid #666;
  width:560px;
  margin-left:10px;
  cursor:crosshair;
}

#tabsF ul
{
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  float:left;
  margin:0;
  padding:0px 10px 0px 10px;
  list-style:none;
  cursor:crosshair;
}

#tabsF li
{
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  display:inline;
  float:left;
  background:url("/images/tableftF.gif") no-repeat left top;
  margin:0;
  padding:0px 0px 0px 2px;
  text-decoration:none;
  cursor:crosshair;
}


#tabsF li span
{
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  display:block;
  background:url("/images/tabrightF.gif") no-repeat right top;
  margin:0;
  padding:4px 15px 4px 15px;
  color:#666;
  cursor:crosshair;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsF li span
{
  float:none;
  cursor:crosshair;
}

  /* End IE5-Mac hack */

#tabsF li:HOVER span
{
  color:#000000;
  background-position:100% -42px;
  cursor:crosshair;
}

#tabsF li:HOVER
{
  background-position:0% -42px;
  cursor:crosshair;
}

/* Quotes */
#tabsbook
{
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  float:left;
  background:#FFFFFF;
  border-bottom:1px solid #666;
  width:560px;
  margin-left:10px;
  cursor:crosshair;
}

#tabsbook ul
{
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  float:left;
  margin:0;
  padding:0px 10px 0px 10px;
  list-style:none;
  cursor:crosshair;
}

#tabsbook li
{
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  display:inline;
  float:left;
  background:url("/images/tableftF.gif") no-repeat left top;
  margin:0;
  padding:0px 0px 0px 2px;
  text-decoration:none;
  cursor:crosshair;
}


#tabsbook li span
{
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  display:block;
  background:url("/images/tabrightF.gif") no-repeat right top;
  margin:0;
  padding:4px 15px 4px 15px;
  color:#666;
  cursor:crosshair;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsbook li span
{
  float:none;
  cursor:crosshair;
}

  /* End IE5-Mac hack */

#tabsbook li:HOVER span
{
  color:#000000;
  background-position:100% -42px;
  cursor:crosshair;
}

#tabsbook li:HOVER
{
  background-position:0% -42px;
  cursor:crosshair;
}


/* Styles used on a horizontal menu to work job application form */
#tabsF_job
{
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  float:left;
  width:100%;
  background:#FFFFFF;
  font-size:100%;
  line-height:normal;
  border-bottom:1px solid #666;
}

#tabsF_job ul
{
  font-family: arial, helvetica, sans-serif;
  font-size: 10px;
  margin:0;
  padding:2px 60px 0px 10px;
  list-style:none;
}

#tabsF_job li
{
  font-family: arial, helvetica, sans-serif;
  font-size: 10px;
  display:inline;
  margin:0;
  padding:0;
  float:left;
  background:url("/images/tableftF.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
}


#tabsF_job li span
{
  font-family: arial, helvetica, sans-serif;
  font-size: 10px;
  float:left;
  display:block;
  background:url("/images/tabrightF.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#666;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsF_job li span
{
  float:none;
}

     /* End IE5-Mac hack */

#tabsF_job li:HOVER span
{
  color:#000000;
}

#tabsF_job li:HOVER
{
  background-position:0% -42px;
}

#tabsF_job li:HOVER span
{
  background-position:100% -42px;
}



/* Calendar styles */
/* Classes used on the calendar */
table.calendar 
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	border-collapse: collapse;
	background-color: white;
	border: solid #999999 1px;
	background-color: white;
	width: 200px;
	text-align: center;
	/*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
	-moz-user-select: none;
    /*-khtml-user-select: none;*/
}

table.calendar input, table.calendar select 
{
	font-size: 10px;
}

table.calendar td 
{
	border: 0;
	font-size: 10px;
	text-align: center;
}

div.mainheading 
{
	margin: 2px;
}

table.caldayheading 
{
	border-collapse: collapse;
	cursor: pointer;
	empty-cells: show;
	margin: 0 6px 0 6px;
}

table.caldayheading td 
{
	border: solid #CCCCCC 1px;
	text-align: left;
	color: #0054E3;
	font-weight: bold;
	width: 22px; /*should match calendar cell's width*/
}

table.caldayheading td.wkhead 
{
	border-right: double #CCCCCC 3px;
}

table.calcells 
{
	border-collapse: collapse;
	cursor: pointer;
	margin: 0 6px 0 6px;
}

table.calcells td 
{
	border: solid #CCCCCC 1px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	width: 22px;
	height: 20px; /*IE doesn't like ems*/
}

table.calcells td div 
{
	padding: 1px;
	margin: 0;
}

table.calcells td.wkhead 
{
	background-color: white;
	text-align: center;
	border-right: double #CCCCCC 3px;
	color: #0054E3;
}

table.calcells td.wkday 
{
	background-color: #DDDDDD;
}

table.calcells td.wkend 
{
	background-color: #DDDDDD;
}

table.calcells td.curdate 
{

}

table.calcells td.cell_selected 
{
	background-color: #99CCFF;
	color: black;
}

table.calcells td.notmnth 
{
	background-color: #FFFFFF;
	color: #CCCCCC;
}

table.calcells td.notallowed 
{
	background-color: white;
	color: #EEEEEE;
	font-style: italic;
}

table.calcells td.hover 
{
	background-color: #999999;
}