/* Nodegarden-only */
* {
    margin: 0;
    padding: 0
}

html {
	height: 100%
}

#container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

@media (max-width: 1024px) {
    .ribbon {
        -webkit-transform: scale(.75);
        -moz-transform: scale(.75);
        -o-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75);
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -o-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
}

@media (max-width: 640px) {
    .ribbon {
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        -o-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5);
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -o-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
}
/* End Nodegarden */

body {
	background-image: url("/images/ptn1.gif");

	/* Nodegarden-only */
	overflow: hidden;
	height: 100%;
}

/* Error boxes at the top of the page */
#form_errors, #nojavascript {
	width: 600px;
	
	padding: 0;
	
	border: none;
	
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	
	display: none;
}

/* Entire login box */
#login {
	/* Must manually set width/height */
	width: 600px;
	height: 300px;
	
	background-image: url("/images/CCAB_BG.PNG");
	padding: 15px 100px 0 100px;

    /* Rounded corners with a background shadow */
	border-radius: 4px;
	box-shadow: 0 0 15px black;

    /* Center */
    margin: auto;
	position: absolute;
	top: 0; bottom: 200px; /* Aligns vertically - Remove for horizontal only (Offset +200px) */
	left: 0; right: 0;     /* Aligns horizontally - Remove for vertical only  */
    text-align: center;

	 /* Prevent div from overflowing main window */
	max-width: 100%;
	max-height: 100%;
	overflow: auto;
}

/* Username, password, and submit button */
#loginform {
    width: 70%;
    margin: 0 auto;
}

.form-control,
.input-group-addon {
    border-radius: 0px;
}

.input-group {
    margin-top: 10px;
    width: 100%;
}