/* Admin Layout by Femi Hasani (www.vision.to)*/
body {
		font-family: arial, tahoma, verdana, sans-serif;
		font-size: 90% !important;
		}
#wrapper {
		margin:0 auto;
		width:70em;
		}
#header {
		margin:0 auto;
		height:4.5em;
		}
#main {
		border: 1px solid #666;
		clear: both;
		background: #FFF;
		padding-top: 2em;
		}

#content {
		padding: 1.5em;
		background: #FFF;
		height: 100%;
		min-height: 300px;
		}

#navigation {
		position: relative;
		width: 100%;
		height: 3em;
		}

#navigation ul#toptabs {
		margin: 0;
		padding: 0;
		position: absolute;
		bottom: -2px;
		width:auto;
		}

#navigation ul#toptabs li  {
		display: inline;
		list-style: none;
		}

#navigation ul#toptabs a,#navigation ul#toptabs span,#navigation ul#toptabs a.current {
		width: 9em;
		display: block;
		float: left;
		padding: 4px 0;/* ajust tabs with main top-border */
		margin: 0 .2em 0 0;/* ajust tabs with main top-border */
		text-align: center;
		text-decoration: none;
		color: #333;
		}

#navigation ul#toptabs span,#navigation ul#toptabs a.current,#navigation ul#toptabs a.current:hover {
		border: 1px solid #666;
		border-bottom: none;
		background: #FFF;
		padding-bottom: 6px;
		margin-top: 0;
		}

#navigation ul#toptabs a {
		background: #FAFAFA;
		border: 1px solid #AAA;
		border-bottom: none;
		}

#navigation ul#toptabs a:hover {
		margin-top: 0;
		border-color: #666;
		background: #FFF;
		padding-bottom: 5px;
		}

#navigation ul#subtabs {
		position: absolute;
		margin: 0;
		padding: 0;
		bottom: -1.4em;
		left: .3em;
		width: auto;
		}

#navigation ul#subtabs li a,#navigation ul#subtabs li span {
		width: auto;
		display: block;
		float: left;
		padding: 0 .5em;
		margin: 0;
		text-align: auto;
		border: none;
		border-right: 1px solid #EEE;
		background:none;
		}

#navigation ul#subtabs li a {
		color: #333;
		text-decoration: underline;
		}

#navigation ul#subtabs li a:hover {
		color: #000;
		padding: 0 .5em;
		border: none;
		border-right: 1px solid #EEE;
		}

#navigation ul#subtabs li a:active {
		color: #000;
		}

#navigation ul#subtabs li:last-child a { 
		border: none;
		/* not supported on IE ... */
		}




#footer {
		clear:both;
		margin: 0 auto;
		text-align:center;
		margin-top:1em;
		}

#content  form {
		margin-bottom: 5px;
		margin-top: 5px;
		/*clear:both;*/
		text-align:center;
		}

#content  table {
		/*width:80%;*/
		width:55em;
		margin: 0 auto;
		text-align:center;
		}
.description {
		/*width:80%;*/
		width:52em;
		margin: 0 auto;
		}
.description h1	{
		margin: 0 auto;
		}
/* specific froms styles */
#content  form#Login table,
#content  form#forgot_password table	{
		width:20em;
		text-align:center;
		}
#content  form#registration table, 
#content  form#personal_information table	{
		width:40em;
		text-align:center;
		}


/* textaid specific */
#textaid_wrapper, #demoarea {
		width:55em;
		text-align:center;
		margin:0 auto;
}
#textaid_inner {
	/*	width:52em;*/
		text-align:left;
}

#banner {
		float:left;
		}
#settings {
		float:right;
		}
#settings form {
		display:inline;
		margin:1px;
  		}
#settings select{
		width:10em;
  		}
.Error td {
		
		color:#f00 !important;
		border:solid 3px #000 !important;
		background: #FFFFE1 !important;
		}
.page-info {
		width:54em;
		margin: 0 auto;
        padding: .5em;
        border: 1px solid #DDD;
        background-color: #FEFEFE;
		margin-bottom:.3em;
		}
.page-info p {
		margin: 1px;
		}


/* action messages */
/* alerts, reports */
.message {
		width:54em;
		margin: 0 auto;
        padding: .5em;
        border: 1px solid #CCC;
        background-color: #FEFEFE;
        color: #222;
		margin-bottom:.3em;
		}
.message h2 {
	margin-top: -5px;
        /*color: #222;*/
		}
.message p {
		margin: 1px;
		}
.notice {
        color: #817134;
        background: #FFF6BF;
        border-color: #FFD324;
		}

.information {
        color: #529214;
        background: #E6EFC2;
        border-color: #C6D880;
		}

.error {
        color: #D12F19;
        background: #FCF6F6;
        border-color: #FBC2C4;
		font-weight:bold;
		}



.info{
		color:#222;
		border:solid 1px #DEDEDE; 
		background:#EFEFEF;
		padding:.5em;
		text-align:center;
	}
.clean-yellow{
		color:#222;
		border:solid 1px #DEDEDE; 
		background:#FFFFCC;
		padding:.5em;
		text-align:center;
	}


.success{
	/*	color:#336699;	*/ color:#000080;
		border:solid 1px #83A8CC; 
		background:#F5F9FE;
		padding:.5em;
		text-align:center;
	}
.success-green2{
		color:#008000;	
		border:solid 1px #99CC00; 
		background:#F8FFF8;
		padding:.5em;
		text-align:center;
	}
.success-green{
		color:#008000;	
		border:solid 1px #A9D260; 
		background:#FAFFF1;
		padding:.5em;
		text-align:center;
	}
.warning-restricted{
        color: #000;
       background: #FFFFCC;
        border:solid 3px #F00;
		font-weight:bold;
		padding:1em;
		text-align:center;
	}
.warning{
        color: #333;
		background: #FFFFCC;
        border:solid 1px #FFCC00;
	/*	font-weight:bold;*/
		padding:.5em;
		text-align:center;
	}
.validation {
        color: #D12F19;
        background: #FCF6F6;
        border-color: #FBC2C4;
		font-weight:bold;
		text-align:center;
		}
.error{
		color:#CC0000;		
		border:solid 1px #CC0000; 
		background:#F7CBCA;
		font-weight:bold;
		padding:.5em;
		text-align:center;
	}
.alert{
		color:#CC0000;		
		border:solid 1px #FFCC33; 
		background:#FFFFEE;
		font-weight:bold;
		padding:.5em;
		text-align:center;
	}
.success-green2
{
		color: #249901;
		border: 1px solid #84CD6&;
		background-color: #DFF2D9;
		padding:.5em;
		text-align:center;
}

.error2
{

		color: #F03A31;
		border: 1px solid #F03A31;
		background-color: #FAD3C5;
		padding:.5em;
		text-align:center;
}
/* end alerts, reports */



.importantlinks {
	/*	width:10em;
		display:block;*/
		border:#333 1px solid;
		text-decoration:none;
		margin-left:2em;
		padding:.2em;
		background: #FFFFE1 !important;
		font-weight: bold !important; 
		color: #FF0000 !important;
		}
.extra {
		width:100%;
	/*	background:#FFF;*/
		}
.extra div{
		padding:1px;
		}
.theader {
		font-weight:bold;
		}
/*
 .message-icon {  
     border: #666 1px solid;  
     margin: 10px 0px;  
    padding:15px 10px 15px 50px;  
    background-repeat: no-repeat;  
     background-position: 10px center;  
}
*/  
.info-icon {  
    color: #00529B;  
     background-color: #BDE5F8;  
     background-image: url('images/info.png');  
 }  
 .success-icon {  
     color: #4F8A10;  
    background-color: #DFF2BF;  
     background-image:url('images/success.png');  
 }  
 .warning-icon {  
     color: #9F6000;  
     background-color: #FEEFB3;  
     background-image: url('images/warning.png');  
 }  
 .error-icon {  
     color: #D8000C;  
    background-color: #FFBABA;  
     background-image: url('images/error.png');  
}
.validation-icon {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('images/validation.png');
}