/************************************************************************/
/* Transformable                                                        */
/************************************************************************/
/* Copyright (c) 2009                                                   */
/* Adaptive Technology Resource Centre / University of Toronto          */
/*                                                                      */
/* This program is free software. You can redistribute it and/or        */
/* modify it under the terms of the GNU General Public License          */
/* as published by the Free Software Foundation.                        */
/************************************************************************/

div.left-col {
	width: 65%; 
	float: left; 
	clear:left;
	min-width:550px;
	margin-left:auto;
	margin-right:auto;

}

div.right-col {
	width: 25%; 
	float:right;
	clear:right;
	margin-right:3em;
	margin-top:-.8em;
	min-width:255px;

}

div.input-form {
	width: 95%; 
	margin-left:auto; 
	margin-right:auto;
	border: 1px #cccccc solid;
	margin-bottom: 20px;
	line-height:150%;
	background-color: #FFFEF0;
	padding:.3em;
	border-radius:.5em .5em .5em .5em;
	-moz-border-radius:.5em .5em .5em .5em;
	-moz-box-shadow:.05em .05em .0em #999999;
	 box-shadow: .1em .0em  .1em #999999;
}

div.input-form div.row {
	background-color:  #FFFEF0;
	padding:8px;
}

div.input-form div.row h3 {
	margin-left: 0px;
}

div.input-form .footer {
	border-top: 1px solid #F9F6F2;
}

div.input-form p {
	margin-left: 0px;
}

div.input-form input {
	z-index: 2;
}
div.input-form textarea {
	border: 1px solid #595241;
	width: 100%;
	padding: 2px;
	margin-right: 2px;
}
div.input-form input[type=text], div.input-form input[type=password] {
	border: 1px solid #595241;
	padding: 2px;
	max-width: 60%;
	background-color:white;
	-moz-box-shadow:.1em .1em .2em #999999;
	 box-shadow: .1em .1em  .2em #999999;
}

div.input-form textarea:focus, div.input-form  input[type=password]:focus, div.input-form  input[type=text]:focus{
	border:1px solid #A50707;
	background-color: #FFDAB9;
	padding: 2px;
}

input[type=checkbox]{
	background-color: #FFDAB9;
	text-align:center;
}

div.input-form div.buttons {
	text-align: right;
	padding:8px;
}
div.input-form div.buttons input {
	/* background-color: #efefef; */
	font-weight: normal;
	/* border:  #AAA  solid 1px; */
}
.formfield:focus{
	background-color: #FFDAB9;
}

div.input-form input[type=submit]{
	background-color:#F0F1FF;
	border-radius:.3em;
	-moz-border-radius: .3em .3em .3em .3em;
	-moz-box-shadow:.1em .1em .2em #999999;
	 box-shadow: .1em .1em .2em #999999;
}
div.input-form input[type=submit]:hover, div.input-form input[type=submit]:focus {
	background-color:#FFDAB9;
}
input[type=reset]{
	border-radius:.3em;
	-moz-border-radius: .3em .3em .3em .3em;
	-moz-box-shadow:.2em .2em .3em #999999;
	box-shadow: .2em .2em .3em #999999;
}