/**
 * Styles for Bright Start Educare/Montessori main pages.
 *
 * @author Tom Ryder <tom@prodev.co.nz>
 * @copyright 2010 Professional Development
 */
#toolbar {
    background: #b6d0df;
    color: #253355;
    border-bottom: 2px solid #253355;
    overflow: auto;
    padding: 5px 10px;
}
    #toolbar a {
        color: #253355;
    }
    #toolbar form {
        margin: 0;
        padding: 0;
    }
    #toolbar input.image {
        vertical-align: middle;
    }
    #toolbar label {
        cursor: pointer;
        font-size: 0.9em;
        font-weight: bold;
    }
    #toolbar select,
    #toolbar optgroup,
    #toolbar option {
        color: #6396ae;
        font-family: "Times New Roman", serif;
    }
    #search {
        float: left;
    }
    #login {
        float: right;
    }
#page {
    background: #ffffff url("images/page-background.jpg") left top repeat-x;
    margin: 0 auto;
    width: 900px;
}
    #head {
    }
        #head h1 {
            margin: 0;
            padding: 0;
        }
    #body {
    }
        #first {
            text-align: left;
            vertical-align: top;
            width: 25%;
        }
            #first .menu {
                list-style: none outside none;
                margin: 1em;
                padding: 0;
            }
                #first .menu a {
                    display: block;
                    font-weight: bold;
                    padding: 0.5em 0;
                    text-decoration: none;
                }
                #first .menu a:hover {
                    text-decoration: underline;
                }
                #first .menu li {
                    background: left bottom url("images/menu-item-separator.gif") no-repeat;
                    margin: 0;
                    padding: 0;
                }
                #first .menu .selected a {
                    color: #35378f;
                }
        #main {
            text-align: left;
            vertical-align: top;
        }
        #last {
            text-align: left;
            vertical-align: top;
            width: 25%;
        }
#foot {
    background: url("images/foot-background.gif") left bottom repeat-x;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    margin: 0 auto 1em auto;
    padding: 5px;
    width: 890px;
}
    #foot .legal {
        color: #000000;
        font-family: "Arial", sans-serif;
        font-size: 8pt;
        text-align: center;
    }
        #foot .legal a {
            color: #000000;
            text-decoration: underline;
        }
        #foot .legal img {
            border: 0;
            vertical-align: middle;
        }
#first .widget,
#last .widget {
    margin: 1em;
}
input.text,
select,
textarea {
    background: #ffffff;
    border: 2px solid #5691af;
}
input.text:focus,
select:focus,
textarea:focus {
    border-color: #77bbcc;
}

input.button {
	background: #555;
	color: #eee;
	border-top: 3px solid #777;
	border-left: 3px solid #777;
	border-right: 3px solid #333;
	border-bottom: 3px solid #333;
	padding: 1px 3px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
input.button.edit,
input.button.save,
input.button.update {
	background: #339;
	color: #ddf;
	border-top: 3px solid #559;
	border-left: 3px solid #559;
	border-right: 3px solid #117;
	border-bottom: 3px solid #117;
}
input.button.add,
input.button.send,
input.button.confirm,
input.button.submit,
input.button.continue {
	background: #393;
	color: #dfd;
	border-top: 3px solid #7b7;
	border-left: 3px solid #7b7;
	border-right: 3px solid #171;
	border-bottom: 3px solid #171;
}
input.button.return,
input.button.cancel,
input.button.delete,
input.button.action {
	background: #933;
	color: #fdd;
	border-top: 3px solid #955;
	border-left: 3px solid #955;
	border-right: 3px solid #711;
	border-bottom: 3px solid #711;
}
fieldset.controls {
	border: 0 none;
}