/* CSS Document */

/*
-----------------------------------------------
Website: Turks File Management System

author:  Daniel Aspery
website: www.asperyconsulting.com
email: 	 info@asperyconsulting.com
----------------------------------------------- */

/*
TURKS COLOUR PALETTE
----------------------------------------------- */
/* 
Turks:
Orange      #FF9C00
Black       #000
Brown       #A7978E
Light Brown #E2DEDB
Grey        #F5F5F


/*
STANDARD ELEMENTS
----------------------------------------------- */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0; border: 0;}

/* hide from IE mac \*/
html {min-height: 100%; margin-bottom: 1px;}
/* end hiding from IE5 mac */

body {
	font-size: 100.01%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #000;
	background-color: #FFF;
	text-align: left;
	margin: 10px 10px 10px 10px;
	}

h1 {font-size: 122%; } /*renders 16px */
h2 {font-size: 107%; } /*renders 14px */   
h3 {font-size: 100%; } /*renders 13px */ 
h4 {font-size: 85%;  } /*renders 11px */
h5 {font-size: 85%;  } /*renders 11px */
h6 {font-size: 77%;  } /*renders 10px */ 
p, li  {font-size: 77%;} 
th, td {font-size: 77%;} 

h1,h2,h3,h4,h5,h6,strong {font-weight:bold;} 
h1,h2,h3 {margin:1em 0;} 
abbr,acronym {border-bottom:1px dotted #000; cursor:help;}   
em {font-style:italic;} 

blockquote,ul,ol,dl {margin:1em;}
ol,ul,dl            {margin-left:2em;} 
ol li               {list-style: decimal outside;} 
ul li               {list-style: disc outside;} 
dl dd               {margin-left:1em;} 
table				{border-collapse: collapse;} 
th                  {font-weight: bold; padding:6px 4px 6px 4px}
th,td               {border: none; vertical-align:text-top; text-align:left;  background-color: none;} 
td              	{padding:4px;} 
caption             {margin-bottom:.5em; text-align:center;} 
p,fieldset          {margin-bottom:1em;} 

a:link    {color: blue} 
a:visited {color: purple;} 
a:active  {color: red;} 
a:hover   {color: #FF6600;}  

/*Forms*/
form {font-size: 77%;}
label {
	font-weight: normal;
	float: left;
	text-align: right;
	margin-right: 4px;
	width: 150px;
	}
textarea:focus, input:focus {border: 1px solid #FF9C00;}
input, textarea, select {
	margin-bottom: 6px; 
	border: 1px solid #A7978E; 
	font-family:Arial, Helvetica, sans-serif;
	}

/*
NON STANDART ELEMENT STYLES
----------------------------------------------- */
.clearit {clear:both;}
.txt-normal   {font-weight: normal;}
.txt-right    {text-align: right;}

/*Logo and System name */ 
.logo {margin: 8px 4px 6px 4px;}
.name {
	color: #FFF;
	font-size: 70%;
	font-weight: bold;
	background-color: #000;
	display: block;
	padding: 0 4px 0 4px;
	line-height: 2.2em; 
	}

/*Navigation */ 

.leftNav table {border: 0;}
.leftNav td { 
	font-size: 11px;
	border: 0;
	background-color: #FFF; 
	border-bottom: 1px solid #FFF;
	padding: 0;
	}
.leftNav td a:link, .leftNav td a:visited {
	color: #000;
	font-weight:bold; 
	text-decoration:none; 
	display: block;
	background-color:#FF9C00;
	background-image: url(../images/black_arrow_7x7.gif);
	background-position: 2px 8px ;
	background-repeat:no-repeat;
	padding: 4px 4px 4px 12px;
	}
.leftNav td a:hover  {
	color: #000;
	font-weight:bold; 
	display: block;  
	text-decoration:none; 
	background-color:#CCC;
	background-image: url(../images/black2_arrow_7x7.gif);
	background-position: 2px 8px ;
	background-repeat:no-repeat;
	}

 h1 {
	font-size: 107%;
	padding: 4px 0 10px 26px; 
	margin-bottom: 10px; 
	margin-top: 0;
	border-bottom:1px dashed #A7978E;
	background-image:url(../images/logo_small.gif);
	background-repeat:no-repeat;
	background-position:left top;
	}
.login {background: none; border: none}

/*Main Tables*/
.listing img {vertical-align: text-top;}
.listing table {border: 1px solid #A7978E; margin: 10px 0 0 0; max-width: 100% }
.listing td, .listing th {border: 1px solid #A7978E;} 

.listing th {
		color: #000;
		background-color: #E2DEDB;
		background-image: url(../images/fade_06.gif);
		background-repeat: repeat-x;
		}
.listing a:link, .listing a:visited {
		width: 100%;
		color: blue;
		background-color: transparent;
		text-decoration: none;
		padding: 2px;
		}
.listing a:hover {
		color: blue;
		background-color: #C6EAC7;
		text-decoration: none;
		padding: 1px;
		border: 1px solid  #999;
		}
.listing  input, 
.listing select {margin: 0;}
.crcd           {margin: 0 10px 0 10px;}
.asat           {margin-right: 10px;}
.details-icon   {margin-left: 5px; vertical-align:text-top;}
.currency       {text-align: right;}
.debt-details   {text-align:right; font-weight: bold;}
.records       {font-size: 77%; font-weight: bold; float: left;}

.label-name {
	font-weight: bold;
	text-align: right;
	margin: 0px;
	margin: 0 6px 0 6px; 
	vertical-align:text-top;
	background-color:transparent;;
	}
.whitebg      {background-color:#FFF}
.darkbg       {background-color:#E2DEDB}
.darkbg-space {background-color:#E2DEDB ; margin-bottom: 30px;}

/*Status warnings*/
.warning  {background-image: url(../images/flag3.jpg); background-repeat:no-repeat; background-position: 50% 2px; height: 38px; }
.critical {background-image: url(../images/flag4.jpg); background-repeat:no-repeat; background-position: 50% 2px; height: 38px;}
.ok {background-color: #FFF;}

/*Status key*/
.status-key    {text-align:right; float: right; border: 1px solid #A7978E; padding: 2px 6px 2px 0; margin-bottom: 4px; }
.status-key ul {margin: 0; padding: 0;}
.status-key li {font-size: 77%; list-style: none; display:inline; margin: 0 ; padding: 0 0 0 6px;}
.key-img       {margin: 0 2px 2px 0; vertical-align: middle;}



/*Log-in, Log-out, New Password*/
#login-box {
	width: 400px;
	background: #FFF;
	margin: 10px;
	padding: 10px;
	margin-top: 20px;
	border: 1px solid #999;
	text-align:left;
	}
.login-logo {margin: 10px;}
.padlock {margin:  0 0 0 3px;}
#login-submit {margin: 6px 0 0 156px;} 
#login-gray-box {background-color: #A7978E ; padding: 10px; font-weight: bold}
#login-gray-box label {font-weight: bold}
#login h1 {font-size: 100%; color: #FFF; margin: 0; padding: 6px 0 6px 10px; background-color: #000;}
#login h2 {font-size: 100%; margin: 0; padding: 20px 0 6px 10px;}
#login h3 {font-size: 100%; margin: 0 0 10px 0; padding: 0 0 6px 0; border-bottom:1px dashed #999;}

/*Search*/
#box-a {width:500px;}

/* Styles for Payments page and Edit file details*/
#status-action  {
	font-size: 77%; 
	text-align: right; 
	font-weight:bold; 
	margin: 0 20px 0px 20px;
	padding: 4px; 
	border-right:  1px solid #999;
	border-left:   1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #EEE;
	}
.balance-box table {
	border-top: none;  
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	}
.balance-box td {
	border: none;
	text-align: right;
	font-weight: bold;}
	

#status-action {
	font-size: 85%; 
	font-weight:bold;
	padding: 4px 10px 4px 0; 
	}
#status-action input {margin: 0;}

/*Buttons*/
input.button {
	border-style: outset;	
	background-color: #FF9C00;
	background-image:url(../images/button3.gif);
	background-repeat:repeat-x;
	
	}
input.view-details {
	border-style: outset;	
	background-color: #FF9C00;
	background-image:url(../images/button3.gif);
	background-repeat:repeat-x;
	width: 90px;
	}
view-details {text-align:center;}


/*Button panel*/
.button-panel {
	max-width: 100%; 
	margin: 0;
	padding: 6px 0 40px 0; 
	} 
.button-panel form {
	float: left;
	} 
.button-panel input {
	padding: 1px 0 1px 0; 
	margin: 0 6px 0 0;
	} 

.button-panel-small {
	padding: 6px 0 6px 0; 
	border:1px solid #999; 
	background-color:  #A7978E;
	width: 50%;
	} 
#transact-button  { 
	max-width: 200px; 
	width: 180px; 
	overflow: visible; 
	} 
	
input.radio {
  width: 19px;
  height: 25px;
  padding: 0 5px 0 0;
  background-image:url(../images/button3.gif);
  display: block;
  clear: left;
  float: left;
  }	

/*Error message*/
.error { font-weight: bold; color: red}

/*Comment input box*/
.comment input {font:Arial, Helvetica, sans-serif;}

/*Checkbox*/
.checkbox {border: none;}

/*Footer*/
#footer {
	margin-top: 20px; 
	padding-top: 6px; 
	text-align: right; 
	border-top:1px dashed #999;
	}