/*-------------------
MAAT CSS - Simon Smith
--------------------*/

.mandatory {
	color: #1FB25A;
	font-weight: bold;
}

.error
{
color: #ff0000;
font-weight: bold;
}

.navigation
{
	width: 350px;
	float: left;
	margin-left: -40px;
	margin-top: 40px;
}

*html .navigation
{
	margin-left: -20px;
}

.navigation li
{
	margin-left: 10px;
	float: left;
	list-style-type: none;
}

.cont
{
	margin-left: 70px;
}

/*-------------------
Buttons 
--------------------*/

.back_button, .continue_button { 
background: #1FB25A !important;
border: 1px solid #00703C !important;
color: white !important;
font-size: 0.9em !important;
margin: 5px !important;
padding: 1px;
text-decoration: none !important;
}

.continue_button {
width: 85px;
}

*html .back_button
{
	width: 60px;
}

/*-------------------
Lists
--------------------*/
	/***** Unordered list - Menu key */
.menu_key li
{ 
padding: 4px; 
list-style-type: none;
background-image: none;
} 

*html .menu_key li 
{ 
padding-left: 30px;
list-style-type: none; 
background-image: none;
}

.menu_key {
   padding-left: 50px;
   margin:0;
}
	
.li_proceed
{
list-style-image: url(../../../other_files/maat_images/right_arrow.jpg);
}

.li_pending
{
list-style-image: url(../../../other_files/maat_images/hour_glass.jpg);
}

.li_complete
{
list-style-image: url(../../../other_files/maat_images/green_tick.jpg);
}

	/* Basic uo list - some padding */

.basic_ul li
{
padding: 4px;
}

.basic_ul2 li
{
display: inline;
list-style-type: none;
padding: 3px;
}

	/***** Defintion List - table style */
	
.table_style_dl dt
{
padding: 3px;
width: 200px;
}

.table_style_dl dd
{
padding: 3px;
}

	/***** Nav */

.nav
{
width: 385px;
}

.back {
text-align: left;
}

.continue {
text-align: right;
}

/*-------------------
Tables
--------------------*/
	
	/* Steps Table */

.steps_table
{
	width: 380px;
margin-top: 10px;
border-collapse: collapse;
border: 0px;
border-color: white;
}

.steps_table tr 
{
border: 1px;
border-bottom: 1px solid #ddd;
}

* html .steps_table td
{
border: 0px;
border-bottom: 0px solid #ddd;
}

.steps_table td
{
padding: 10px;
border:0px;
}

	/* Default Table */

.maatTable
{
width: 380px;
margin-top: 10px;
border-collapse: collapse;
}

.maatTable tr
{
border-bottom: 1px solid #ddd;
}

*html .maatTable td
{
border-bottom: 1px solid #ddd;
}

.maatTable td
{
padding: 6px;
}

td.currency 
{
text-align: right;	
}

.employment_drop select {
	width: 380px;
}

/*-------------------
Icons
--------------------*/

.complete, .proceed
{
width: 17px;
height: 17px;
display: block;
}

.pending
{
background: url(../../../other_files/maat_images/hour_glass.jpg) no-repeat center;
display: block;
width: 12px;
height: 20px;
}

.complete
{
background: url(../../../other_files/maat_images/green_tick.jpg) no-repeat center;
}

.proceed
{
background: url(../../../other_files/maat_images/right_arrow.jpg) no-repeat top left;
}

/*-------------------
Overflow
--------------------*/

.statement
{
width: 330px;
height: 300px;
overflow: auto;
border: 1px solid #bbb;
padding: 7px;
margin-left: 19px;
}

/*-------------------
Inputs
--------------------*/

textarea, select, input {
/* font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;*/
/* font-size: 11px; */ 
/* border: 1px solid #00703C;*/
}

* html textarea {
	width: 380px;
	margin-left: -10px;
}

*html .select_drop select {
	width: 180px;
}

*html .employment_drop select {
	width: 350px;
}

*html .noborder
{
border: 0 !important;
}

/*-------------------
Misc
--------------------*/
.break { margin-bottom: 25px; }
.seperator { margin: 15px 0; border-bottom: 1px #ddd solid !important; }
.white_border { border-bottom: 1px #fff solid !important; }
.bold { font-weight: bold; }
.clear { clear: both; }
.left { float: left }
.right { float: right }
.hidden { display: none;}