/* SSO 2015 Styles from http://events.jspargo.com/SSO15 */

html, body
{
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    margin: 0;
    padding: 0;
}

body, p, td, li, label
{
    color: #333333;
    font-family: Verdana,Arial,"Sans Serif";
    font-size: 10pt;
}

p
{
	margin-bottom: 10px
}

li
{
	margin-top: 2px;
	margin-left: 20px
}

label
{
    display: inline;
}


img {border:none;}

a, a:link, a:active, a:visited, a:hover
{
    COLOR: #4495a1;
    TEXT-DECORATION: underline;
}

h1, h2, h3, h4, h5
{
    color: #396992;
}
h1
{
    font-size: 20pt;
}
h2
{
    font-size: 18pt;
}
h3
{
    font-size: 16pt;
}
h4
{
    font-size: 14pt;
}
h5
{
    font-size: 12pt;
}

input[type=text], select
{
    max-width: 100%;
}

.wrapper {
   min-height:100%;
   position:relative;
}

.maincontent
{
    WIDTH: 100%;
	margin:0 auto;
	padding-bottom: 100px; /* height of the footer */
}

#headerimage
{
    background-color:#333d47;
    margin-bottom: 10px;
}

#footer
{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px; /* height of the footer */
    background-color: #333d47;
    border-top: 5px solid #fff100;
    padding: 6px 0 6px 0;
}

#footer, #footer p, #footer a, #footer a:link, #footer a:active, #footer a:visited
{
    color: #ffffff;
}

#footer a:hover
{
    color: #4495a1;
}


.smalltext
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, Verdana, sans-serif
}
.bodytext
{
    FONT-SIZE: 12px;
    FONT-FAMILY: arial, Verdana, sans-serif
}


/* Begin J. Spargo's Template Styles */

img {border:none; padding:0px;}
.bggrey{background:#f1f1f1;}
.noborder{border-style:none;}
.padded{border-spacing:10px;}

.bulleted li{list-style-type:disc; margin-left:15px;}
.indented {margin-left:10px;}
.nodisc {list-style-type:none;}
td.indented {padding-left:20px;}
.thirtywide{width:30%;}	
.fourtywide{width:40%;}	
.fiftywide{width:50%;}	

.clearboth{clear: both;margin:0; padding:0;}

.indent{margin-left:20px;}
.center{text-align:center;}
.xsmall{font-size:10px;}
.small{font-size:12px;}
.medium{font-size:14px;}
.large {font-size:16px;}
.larger{font-size:20px;}
.xlarge{font-size:30px;}

/* Colors & Fonts */
.black {color:#000000;}
.red {color:#ff0000;}
.grey {color:#999;}
.green {color:#096;}
.blue {color:#025696;}
.lightblue{color:#2da3bd;}
.bold {font-weight:bold;}
.white{color:#fff;}
.italic{font-style:italic;}
a.blue {color:#0099FF; text-decoration:none;}
a.blue:hover {color:#06C;}

a.btn.black{color:black; text-decoration:none;}
/* Main Header with rounded corners */
.clientheader { 
	width:1024px;
	height:154px; 	
	text-align:center;
	background: #fff url(../images/header.jpg) no-repeat; 
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	border:1px solid #ccc;
	margin:50px 0 10px 0px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
    border-radius: 5px;
	}
	

.badgepreview{
    float:right; 
    border:1px solid #ccc; 
    background:#fff url(../images/badge.gif) no-repeat; 
    padding:95px 10px 10px 10px;
    height:160px; width:380px;
    text-align:center;
    color:#333;
}

.badgepreview ul{font-size:16px; padding:0; margin-left:0; margin:2px 0;}
.badgepreview ul li{list-style-type:none;margin:2px 0;}
.badgepreview .ID
{
	text-align:left;
	font-weight:bold;
	margin-top:30px;
}

/*Dividers */	
.footer { 
    background:#f1f1f1;  
	height:3px; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border:1px solid #CCC;
	margin:50px 0 10px 0px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
    border-radius: 5px;}
	
/* Alignment classes */	
.centered{text-align: center; margin:0 auto;}
.right{text-align:right;}
.floatleft{float:left;margin-right:15px;}
.floatright{float:right;}
.left{text-align:left;}


table.standardtable td {height:30px;}

/* End Expandable Glossy Button */	

/* UNIVERSAL CLASSES*/
.vertdivider {background:#fff url(../images/rightborderbg.jpg) right repeat-y; padding-right:20px;margin-right:20px;}
.horizontaldividerlight{    background:#f1f1f1;  
	height:3px; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border:1px solid #CCC;
	margin:10px 0px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
    border-radius: 5px;
	width:98%;} 
	
.horizontaldiverdark{display:inline-block; width:98%; margin-left:1%; margin-bottom:10px; margin-top:10px; border-bottom:1px solid #ccc;}

.dotdivider {margin:5px 0 5px 0; padding-bottom:5px; border-bottom:2px dotted #e2e2e2;}


.topmargin{margin-top:10px;}
.bottommargin{margin-bottom:10px;}
.toppadding{padding-top:10px;}
.rightmargin{margin-right:10px;}
.leftmargin{margin-left:10px;}

.content img{margin-right:10px;}
/*Two column layout classes*/

.twocolumnwrapper{margin:0 auto; padding:0; text-align:center;}

.vertexpandCOLUMN{
    height:auto;
    width:505px;
	float:left;
	display:block;
	margin:0 10px 0 0;
}

.nodivider{background:none;}	

.redalert{
    background:#F66;  
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5p;
	border:1px solid #900;
	margin:10px 0px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
    border-radius: 5px;
	text-align:center;
	padding:5px;}
	
.greenalert{
    background:#76a847;  

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5p;
	border:1px solid #2f540c;
	margin:10px 0px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
    border-radius: 5px;
	text-align:center;
	padding:5px}
	
.greyalert{
    background:#f1f1f1;  
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5p;
	border:1px solid #ccc;
	margin:10px 0px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
    border-radius: 5px;
	text-align:center;
	padding:5px;}
	
.bluealert{
    background:#80c2da;  
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border:1px solid #041d55;
	margin:10px 0px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
    border-radius: 5px;
	text-align:center;
	padding:5px;}
	
	.yellowalert{
    background:#fee9ac;  
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border:1px solid #f6cc52;
	margin:10px 0px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
    border-radius: 5px;
	text-align:center;
	padding:5px;}

.yellowalert h1{margin:12px 10px 0 10px; padding:0; color:#d9a100; display:inline-block; float:left;}	

.loginbox{
    background:#ffffff;  
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5p;
	border:1px solid #ccc;
	margin:30px 0px 10px 200px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
    border-radius: 5px;
	text-align:left;
	padding:5px;}	

.continuebutton{padding:15px 8px 0 0px; margin-top:10px; background:url(../images/continuebutton.png) no-repeat; width:160px; height:33px; float:left; font-size:16px; font-weight:bold; color:#333333; text-align:center;}
.continuebutton:hover{color:#000;}

.lightlinedivide{display:inline-block; width:98%; margin-left:1%; margin-bottom:10px; margin-top:3px; border-bottom:1px solid #CCC;}

/*EMAIL CLASSES*/
.emailcontainer{width:680px;text-align: left; margin: 0 auto; background-color:#fff; }
.emailheader { 
	width:680px;
	background:#fff url(../images/ACC_emailbanner.jpg) no-repeat;
	text-align:center;
	height:106px;
	}
.emailcolumn{
	width:290px;
	float:left;
}
.emailvertdividerbg{background:#fff url(../images/vertdivider.jpg) repeat-y center;}

.emailrightcolumn{
	width:280px;
	float:right;
}

/* Housing popup calendar formatting */
.calday
{
    FONT-SIZE: 8pt;
    COLOR: lightgrey;
    BACKGROUND-COLOR: white
}
.caldayname
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: black;
    BACKGROUND-COLOR: lightblue
}
.caldayselected
{
    BACKGROUND-COLOR: palegoldenrod
}
.calmonthname
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: white;
    BACKGROUND-COLOR: blue
}
.calmonthname A
{
    FONT-WEIGHT: bold;
    COLOR: white
}
.calmonthname A:active
{
    FONT-WEIGHT: bold;
    COLOR: white
}
.calmonthname A:hover
{
    FONT-WEIGHT: bold;
    COLOR: white
}
.calmonthname A:visited
{
    FONT-WEIGHT: bold;
    COLOR: white
}
.calborder
{
    BACKGROUND-COLOR: black
}
.calgridcolor
{
    BACKGROUND-COLOR: black
}

.tooltip {
	border-bottom: 1px dotted #000000; color: #000000; outline: none;
	cursor: hand; text-decoration: none;
	position: relative;
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute; left: 5px; top: 2em; z-index: 99;
	margin-left: 0; width: 250px;
}
.tooltip:hover img {
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
}
.tooltip:hover em {
	font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
	display: block; padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: white; border: 1px solid grey; }

.inlineButtonList label{ display:inline; vertical-align:bottom; padding:3px 0 3px 0;}

.inlineButtonList input{padding:3px 0 3px 0;}

a.btn
{
    color: #fff;
    text-decoration: none;
}