/* SSO 2015 Styles from http://events.jspargo.com/SSO15 */
html,
body {
   margin:0;
   padding:0;
   height:100%;
}

BODY
{
    background-color: #58595b;
    color: #ffffff;
    font-family: Verdana,Arial,"Sans Serif";
    font-size: 10pt;
    margin: 0;
    padding: 0;
    height:100%;
    width:100%;
    background:#58595b url(../../images/main_bg.jpg);
    }

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

.maincontent
{
    	WIDTH: 100%;
		margin:0 auto;
    	position:relative;
		min-height:600px;
		padding-bottom:200px;
}

p
{
	margin-bottom: 10px
}
P, UL, li
{
	font-size: 10pt;
	FONT-FAMILY: Verdana, Arial, "Sans Serif";

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

img {border:none;}

.masthead
{
    WIDTH: 100%;
    HEIGHT: 226px;
    border-bottom: 0px solid #e4c598;
}

.masthead_right
{height: 100%; float: right; background-image: url(../../custom/images/interface/masthead_right.gif);background-repeat: no-repeat;background-position: top right;}

#mastheadtext
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 22pt;
    Z-INDEX: 3;
    LEFT: 130px;
    FLOAT: none;
    MARGIN: 0px auto;
    COLOR: #292929;
    PADDING-TOP: 0px;
    POSITION: absolute;
    TOP: 23px;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
#mastheadtextshadow
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 22pt;
    Z-INDEX: 2;
    LEFT: 141px;
    FLOAT: none;
    COLOR: #A7A7A7;
    POSITION: absolute;
    TOP: 24px
}
#taglinetext
{
    FONT-SIZE: 12pt;
    letter-spacing: .30em;
    Z-INDEX: 3;
    LEFT: 130px;
    FLOAT: none;
    MARGIN: 0px auto;
    COLOR: #DFDFDF;
    PADDING-TOP: 0px;
    POSITION: absolute;
    TOP: 58px;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}

/*Added by Rajesh for UI Zone Implementation [End]*/
A:link
{
    COLOR: #68cef2;
    TEXT-DECORATION: underline
}
A:active
{
    COLOR: #68cef2;
    TEXT-DECORATION: underline
}
A:visited
{
    COLOR: #68cef2;
    TEXT-DECORATION: underline
}
A:hover
{
    COLOR: #68cef2;
    TEXT-DECORATION: underline;
}
H1
{
    BORDER-RIGHT: 0px solid;
    BORDER-TOP: 0px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 24pt;
    MARGIN-BOTTOM: 20px;
    BORDER-LEFT: 0px solid;
    COLOR: #F7912E;
    BORDER-BOTTOM: #3F3F3F 0px solid;
    FONT-FAMILY: Verdana, arial, sans-serif
}
H2
{
    FONT-WEIGHT: bold;
    font-size: 17px;
    COLOR: #F7912E;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    TEXT-ALIGN: left;
    border-bottom: 0px solid #7B7B7B;
    width: 100%;
    margin-top: 20px;
    margin-bottom:0px;
    padding-bottom:0px;
}
H3
{
    FONT-WEIGHT: bold;
    font-size: 17px;
    border-bottom: 0px solid #7B7B7B;
    width: 100%;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, arial, sans-serif;
    margin-bottom: 10px;
    margin-top: 20px
}
H4
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, arial, sans-serif
}
H5
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, arial, sans-serif
}

.smalltext
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, Verdana, sans-serif
}
.bodytext
{
    FONT-SIZE: 12px;
    FONT-FAMILY: arial, Verdana, sans-serif
}
TD
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial, Tahoma, Verdana, sans-serif
}
TD.bg
{
    BACKGROUND-REPEAT: no-repeat
}
.copyright
{
    FONT-SIZE: 8pt;
    COLOR: #808080;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
TEXTAREA
{
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana, sans-serif
}

.panelHead {
    background: -moz-linear-gradient(left center , #284C78, #467EC3) repeat scroll 0 0 transparent;
    border: medium none #284C78;
    box-shadow: 1px 2px 0 0 #CDD0D4;
    color: #FFFFFF;
    float: left;
    height: 34px;
    left: -15px;
    margin-bottom: 15px;
    position: relative;
    width: auto;
}
.panelHead h1 {
    border: medium none;
    color: white;
    float: left;
    font-size: 10pt;
    font-weight: bold;
    left: 25px;
    position: relative;
    text-transform: uppercase;
    width: 155px;
}


a:visited.booth_nav_item {
    color:White;
}


a:link.booth_nav_item {
    color:White;
}

.FooterWrap
{
    position:absolute;
    bottom:0;
    height: 200px;
    width:100%;
    margin-top:0px;
}

.FooterSection 
{
    position:relative;
    border-top: 10px solid #98989a;
    max-width:1170px;
    margin:0 auto;
    height: 190px;
    
}


/* 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:#f7912e;}
.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:80px 10px 10px 10px;
height:150px; 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;
}

.leftcolumn{width:505px; 
	float:left;
	margin-bottom:15px;
}

.rightcolumn{width:505px; 
	float:right;
	margin-bottom:15px;
}

.rightcolumn .content{
	min-height:310px;	
}

.leftcolumn .content{
	min-height:310px;	
}


.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;}