/*
 * Licensed to Jasig under one or more contributor license
 * agreements. See the NOTICE file distributed with this work
 * for additional information regarding copyright ownership.
 * Jasig licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file
 * except in compliance with the License.  You may obtain a
 * copy of the License at the following location:
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */


/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, 
sup, var, b, i, dl, dt, dd, ol,  fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: 100%; 
	vertical-align: baseline; 
	background: transparent; 
}

a { 
	margin: 0; 
	padding: 0; 
	font-size: 100%; 
	text-decoration: none;
	vertical-align: baseline; 
	color: #005a43; 
	background: transparent; 
}
a:hover {
	text-decoration: underline;
}

body { 
	line-height: 1; 
}

input, select { 
	vertical-align: middle; 
}


/* general page */
body { 
	font-family: 'Open Sans',sans-serif; 
	line-height: 1.4em; 
}

#cas { 
	background: #fff; 
}

#cas .flc-screenNavigator-view-container #content { 
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 750px;
	border: 1px solid #004333;
	border-top: 0px;
	margin: 0px auto;
	padding: 15px 0 0 0;
	margin-top: -5px;
}

.hidden { 
	display: none; 
}
.unhidden { 
	display: block; 
} 


/* header */
#cas #header { 
        width: auto;
        height: 105px;
        background-color: #005A43;
        background-image: url(../images/header-bg.gif);
        border-top: 1px solid #003025;
}

#cas #hdr_container {
	background: url(../images/binghamton-cas.png) no-repeat 30px 20px;
	width: 750px;
	height: 105px;
	margin: 0 auto;
}


/* content */
#cas #content #msg { 
	padding: 20px; 
	margin-bottom: 10px; 
}

#cas #content #msg h2 { 
	font-size: 1.4em; 
	margin-bottom: 0.5em; 
}

#cas #content #msg.errors { 
	border: 1px dotted #BB0000; 
	color: #BB0000; 
	padding-left: 100px; 
	background: url(../images/error.gif) no-repeat 20px center; 
}

#cas #content #msg.logout .success {
	background: url(../images/logoutCheck.png) no-repeat; 
	height: 64px;
	padding: 0 0 0 72px;
}

#cas #content #msg.logout .logout_hdr {
	font: normal 1.4em 'Arvo', serif;
	color: #005C45;
	position: relative;
	top: 10px;
}

#cas #content #msg.logout .logout_msg {
	color: #005C45;
	position: relative;
	top: 10px;
}

#cas #content #msg.logout .security {
	background: #DEEFE9 url(../images/logoutWarning.png) no-repeat 10px center;
	height: 55px;
	width: 75%;
	margin: 30px 0 0 5px;
	padding: 0 0 0 67px;
	border: 2px solid #A8302F;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
	top: -10px;
}

#cas #content #msg.logout .security_msg {
	display: block;
	margin: 20px 0 0 0;
	font-weight: bold;
}

#cas #content #msg.info { 
	border: 1px dotted #008; 
	color: #008; 
	padding-left: 100px; 
	background: url(../images/info.gif) no-repeat 20px center; 
}


/* content - login */
#cas #content #login { 
	width: 50%; 
	float: left; 
	margin: 0;
	margin-top: 15px;
        margin-left: 8px;
}

#cas #content #login p {
margin-left: 30px;
line-height: 125%;
color: #666;	
}

#cas #content #login #fm1 { 
	margin: 0 20px 0 30px;
}

#cas #content #login #fm1 .row { 
	margin-bottom: 10px; 
}

#cas #content #login #fm1 .row .fl-label { 
	display: block; 
	color: #005a43;
	font-size: 1.4em;
	font-family: 'Arvo', serif;
	line-height: 1.3em;
}

#cas #content #login #fm1 .row input[type=text], #cas #content #login #fm1 .row input[type=password] { 
	padding: 6px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	font-size: 1em;
	border: 2px solid #DDDDDD; 
}

#cas #content #login #fm1 .row.check { 
	padding-bottom: 10px; 
	margin-bottom: 10px; 
	color: #005a43; 
	font-size: 0.80em; 
}

#cas #content #login #fm1 .row .btn-submit:hover, #cas #content #login #fm1 .row .btn-reset:hover { 
	cursor: pointer; 
}

#cas #content #login #fm1 .btn-submit {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #366d55), color-stop(1, #84b099) );
	background:-moz-linear-gradient( center top, #366d55 5%, #84b099 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#366d55', endColorstr='#84b099');
	background-color:#366d55;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-indent:0;
	border:1px solid #2e604b;
	display:inline-block;
	margin: 0 5px 0 0;
	color: #ffffff;
	font-family: 'Open Sans',sans-serif;
	font-size: 1em;
	font-weight:bold;
	font-style:normal;
	height:40px;
	width:80px;
	text-decoration:none;
	text-align:center;
	position: relative;
	top: -2px;
}

#cas #content #login #fm1 .btn-submit:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #84b099), color-stop(1, #366d55) );
	background:-moz-linear-gradient( center top, #84b099 5%, #366d55 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#84b099', endColorstr='#84b099');
	background-color:#84b099;
}

#cas #content #login #fm1 .btn-submit:active {
	position:relative;
	top:1px;
}

#cas #content #login #fm1 .btn-reset {
	background-color:#fff;
	display:inline-block;
	border: 0;
	color:#005a43;
	font-family: 'Open Sans',sans-serif;
	font-size: 1em;
	font-weight:bold;
	font-style:normal;
	height:40px;
	text-decoration:none;
	text-align:center;
	position: relative;
	top: -2px;
}

#cas #content #login #fm1 .btn-reset:hover {
	text-decoration: underline;
}

#cas #content #login #fm1 .btn-reset:active {
	position:relative;
	top:1px;
}


/* content - sidebar */
#cas #content #sidebar { 
	margin: 0 0 0 50%;
	margin-top: 15px;
	padding-left: 5px;
}

#cas #content #sidebar h1{ 
font-family: 'Arvo', serif;
color: #669C8E;
font-weight: bold;
font-size: 2.25em;
margin-bottom: 6px; 
}

#cas #content #sidebar h2 {
	color: #005a43;
	font-weight: bold;
	font-size: 0.90em;
	line-height: 130%
}

#cas #content #sidebar h2 .wcome {
color: #005a43;
font-weight: bold;
font-size: 1.25em;
line-height: 130%;
}


#cas #content #sidebar ul  {
margin-top: 4px; 
}

#cas #content #sidebar ul li {
	line-height: 150%;
	color: #3c3c3c;
}

#cas #content #sidebar .sidebar-content {
	margin: 0 20px;
}

#cas #content #sidebar p {
	line-height: 125%;
	color: #666;
}

/* help */
#cas #content #helpContent {
	clear: both;
	color: #666;
	background-color:#EDF3F1;
	font-size: 0.75em;
	line-height: 1em;
}

#cas #content #helpContent a {
	color: #005A43;
	text-decoration: none;
	font-weight: bold;
}

#cas #content #helpContent a:hover {
	text-decoration: underline;
}

#cas #content #helpContent .col1 {
	width: 50%;
	float: left;
}

#cas #content #helpContent .col1 p {
	margin: 10px 20px 10px 30px;
}

#cas #content #helpContent .col2 {
	margin: 0 0 0 50%;
	padding: 10px 10px 10px 20px;
}

#cas #content #helpContent .bothcols {
	margin: 0 0 0 30px;
	padding: 10px 0;
}

#cas #content .help {
	padding: 3px 10px;
	font-size: 1em;
	float: right;
}

#cas #content .help a {
	color: #005A43;
	text-decoration: none;
	font-weight: bold;
}

#cas #content .help a:hover {
	text-decoration: underline;
}

#cas #content .helpText {
	padding: 0px 10px 0 0;
	position: relative;
	top: -5px;
}

#cas #content .down-arrow {
	border-color: #005A43 transparent;
	border-style: solid;
	border-width: 7px 7px 0px 7px;
	height: 0px;
	width: 0px;
	float: right;
}

#cas #content .up-arrow {
	border-color: #005A43 transparent;
	border-style: solid;
	border-width: 0px 7px 7px 7px;
	height: 0px;
	width: 0px;
	float: right;
}


/* footer */
#cas #footer { 
	color: #FFF; 
	clear: both;
	padding: 10px;
	background-color: #1C4034;
}

#cas #footer .copyright {
	margin: 0 0 0 10px;
	font-size: 0.80em;
	float: left;
}

#cas #footer .powered {
	margin: 0 10px 0 0;
	font-size: 0.70em;
	float: right;	
}

#cas #footer .clear {
	clear: both;
}


/** Responsive design styles **/
/* < 750 */
@media only screen and (max-width: 750px) {
	#cas #hdr_container {
		background: url(../images/binghamton-cas.png) no-repeat 15px 20px;
		width: 600px;
	}
	
	#cas .flc-screenNavigator-view-container #content { 
		width: 600px;
		font-size: 85%;
	}
	
	#cas #content #login #fm1 { 
		margin: 0 10px 0 15px;
	}
	
	#cas #content #login #fm1 .row input[type=text], #cas #content #login #fm1 .row input[type=password] { 
  		width: 75%; 
  	}
  	
  	#cas #content #sidebar .sidebar-content {
		margin: 0 10px;
	}
	
	#cas #content #helpContent .col1 p {
		margin: 10px 10px 10px 15px;
	}
	
	#cas #content #helpContent .col2 {
		padding: 10px;
	}
	
	#cas #content #helpContent .bothcols {
		margin: 0 0 0 15px;
	}
}


/* < 600 */
@media only screen and (max-width: 600px) { 
	#cas #content #msg.logout {
		line-height: 1.2em;
	}
	
	#cas #hdr_container {
		width: 480px;
		background: url(../images/binghamton-cas-medium.png) no-repeat 15px 20px;
	}
	
	#cas .flc-screenNavigator-view-container #content { 
		width: 480px;
	}
	
	#cas #content #msg {
		font-size: 90%;
	}
	
	#cas #content #login {
		width: 100%; 
		float: none; 
	}
	
	#cas #content #sidebar { 
		margin: 0;
		border-top: 2px solid #004333;
	}
	
	#cas #content #sidebar .sidebar-content { 
		margin: 10px 15px 0 15px;
	}
	
	#cas #content #helpContent .col1 {
		width: 100%;
		float: none;
	}
	
	#cas #content #helpContent .col1 p {
		margin: 10px 15px;
		padding: 10px 0 0 0;
	}
	
	#cas #content #helpContent .col2 {
		margin: 0;
		padding: 15px;
	}
	
	#cas #footer {
		padding: 10px 0 0 0;
	}
	
	#cas #footer .powered {
		margin: 0 0 0 10px;
		clear: both;	
		float: none;
	}
}


/* < 480 */
@media only screen and (max-width: 480px) {
	#cas #hdr_container {
		width: 320px;
		background: url(../images/binghamton-cas-small.png) no-repeat center center;
	}
	
	#cas .flc-screenNavigator-view-container #content { 
		width: 320px;
	}
	
	#cas #footer .copyright, #cas #footer .powered {
		font-size: 75%;
	}
}