/*
$Id: out.css,v 1.1 2005/07/19 20:17:33 rxaviers Exp $
author: rafael xavier de souza
        rxaviers at gmail dot com
*/

/*
 * COLORS
 *
 */
   /* Top header */
	#topHeader #logoBallon { background-color: #FFF000; color: #403D00; /*yellow*/}
	#topHeader #logoBallon .inner {  /*yellow*/}
	#topHeader #logoBallon hr { border: 1px solid #938B00; /*yellow*/}

	#middle #loginBox { background-color: #B6CDE7; }
	#middle #loginBox .inner { background-color: #E6EEF7; }
	#middle #loginBox hr { border: 1px solid #B6CDE7; }


/*
 * BODY & POSITIONS:
 *
 */

   /* Main */

	body {
		background-color: #FFFFFF;
	}

	#mainContainer {
		margin: 0% 11%;
		width: auto;
		max-width: 70em;
		min-width: 50em;
	}


   /* Top header */
	#topHeader { min-height: 60px; }
	#topHeader #logoImg { float:left; }
	#topHeader #logoBallon {
		float: left;
		margin: 7px 3em;
		min-width: 15em;
		width: 60%;
       	}
	#topHeader #logoBallon h3 {
		font-size: 13px;
		text-align: center;
		padding: 0.3em 0.3em 0.4em 0.3em;
		margin: 0em;
	}

   /* Middle */
	#middle {
		min-height: 280px;
	}
	
	#middle #loginBox a {
        text-decoration:none;
    }

	#middle #loginBox {
		position: absolute;
		z-index: 2;
		top:0px;
		right: 0px;
		width: 20em;
		min-width: 20em;
	}

	#middle #loginBox form p { clear:both }
	#middle #loginBox form p.input label, #middle #loginBox form p.input input { display:block; float:left }
	#middle #loginBox form p label { width:6em; min-width:6em }
    #middle #loginBox form p input {margin-bottom: 0.4em;}


	#middle #loginBox .buttons {
		padding-right:1em;
		text-align:right;
		width:auto;
	}

	#middle #loginBox .buttons p {
        float:right;
        clear:none;
        margin-left:1.0em;
    }
	

	#middle #middleBody {
		float:left;
		z-index: 1;
		margin-left: 2em;
		width: 65%;
		min-width: 40em;
	}