/*     begin changes obgr_seneca     */
html, body {
	background: #ddd;
}

#doc {
    -webkit-box-shadow: 0 0 10px #444;
    -moz-box-shadow: 0 0 10px #444;
    box-shadow: 0 0 10px #444;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	border-radius: 10px;
	margin-top: 20px;
}

#hd, #ft, #nav, #content, .inside { padding: 0 1em 0.5em 0; }

#nav {
	text-align: left;
}

#hd {
    background: #aaa;
	padding: 10px 20px 4px 20px;
	text-align: center;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}

#bd {
    background: #fff;
	padding: 2px 20px 2px 20px;
	text-align: center;
}

#bd h1 {
	margin: 0.2em 0;
}

#ft {
    background: #aaa;
	padding: 2px 20px 10px 20px;
}

#input_form {
    display: block; 
    width: 250px; 
    text-align:left;
	padding: 10px;
    -webkit-border-radius: 0.6em;
    -moz-border-radius: 0.6em;
}


#input_form input {
	background: #fff;
	border: inset 1px;
}

#input_form input:focus {
	background: #ddf;
}

#input_form button {
	background: #eef;
    border: 2px outset #dde;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
	border-radius: 0.4em;
	padding: 4px;
}

#login_form label  {
    text-align:left;
    float: left;
    width: 140px;
}

#login_form {
    display: block; 
    float: left;
    margin-bottom: 2.5em;
}

#login_form_inputs {
    margin-bottom: 1.5em;
}

#login_form input:focus {
	background: #ddf;
}

#login_form_line span {
    float: left;
    padding-top:5px;
}

#login_form button {
    float: right;
}    

#password_change_form {
    display: block;
    float: left;
}

#password_change_form input:focus {
	background: #ddf;
}

#password_change_form button {
    margin-bottom: 1.5em;
    margin-top: 0.5em;
    float: right;
}    

#password_change_form label  {
    text-align: left;
    float: left;
    width: 150px;
}


#attribute_add_form {
    text-align: left;
    float: left 
}

/*     End changes obgr_seneca     */

.message {
    color: #000;
}

.error {
    color: #f00;
}

/* horizontal navigation elements. create a DIV element with the class hnav
 * and stick one unordered list inside it to generate a horizontal menu.
 */
.hnav
{
}
.hnav, .hnav ul li a
{
    /* need to middor veritcal padding on .hnav and child anchor elements
     * because the anchors are _not_ block elements. since they are not
     * block elements web browsers will not expand .hnav to contain them
     * even with the extra padding. by applying the same padding to both
     * the parent .hnav _looks_ like its containing the child anchor
     * elements. 
     */
    padding-top: 3px;
    padding-bottom: 4px;
}
.hnav ul, .hnav ul li
{
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.hnav ul li a
{
    margin: 0 -1px 0 0;
    padding-left: 10px;
    padding-right: 10px;
    border-left: solid 0px #000;
    border-right: solid 0px #000;
    white-space: nowrap;
}