/* Start: default styles for html element */
a  /* Tony: ok */  
{
	text-decoration: underline;
	color: #0000FF;
}
a:hover  /* Tony: ok */  
{
	text-decoration: none;
	color: Maroon;
}
blockquote  /* Tony: ok */
{
	margin: 6px 0px 6px 25px;
}
body /* Tony: ok */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #333333;
	margin-top: 10px;
}
h1   /* Tony: ok */ 
{
	font-size: 135%;
	font-weight: bold;
	margin: 12px 0px 6px 0px;
	color: Maroon;
	border-bottom: Maroon 1px solid;
}
h2   /* Tony: ok */  
{
	font-size: 100%;
	font-weight: bold;
	margin: 12px 0px 6px 0px;
	color: Maroon;
}     
h3  /* Tony: ok */  
{
	font-size: 100%;
	font-weight: normal;
	margin: 12px 0px 6px 0px;
	color: Maroon;
}

hr {
	border: 0;
	color: Maroon;
	background-color: Maroon;
	height: 1px;
	width: 100%;
	text-align: center;
}

p  /* Tony: ok */
{
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}
ol  /* Tony: ok */ 
{
	margin-top: 0px;
	margin-bottom: 6px;
}
ul   /* Tony: ok */
{
	margin-top: 0px;
	list-style-position: outside;
	list-style-type: disc;
	margin-bottom: 6px;
}


/* End: default styles for html element */

.divMessage  /* Karthik: Ok */
{
	background-color: Silver;
	border: solid 1px;
	font-size: 115%;
	color: Red;
	width: 200px;
	position: absolute;
	left: 640px;
	top: 410px;
	z-index: 1;
}
 
.subCell /* Karthik : Ok */
{
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: #999999 1px solid;
}

/* enrollment bottom navigation */
.lowerNav /* Karthik : Ok  Since these are used in Legacy pages*/
{
	list-style-position: outside;
}
a.lowerNav:visited /* Karthik : Ok  Since these are used in Legacy pages*/
{
	text-decoration: none;
	color: #FFFFCC;
}
a.lowerNav:link /* Karthik : Ok  Since these are used in Legacy pages*/
{
	text-decoration: none;
	color: #FFFFCC;
}
a.lowerNav:hover /* Karthik : Ok  Since these are used in Legacy pages*/
{
	text-decoration: none;
	color: #FFFFCC;
}

/* enrollment helptips */
.textHelp /* Karthik : Ok */
{
	font-size: 95%;
	list-style-position: outside;
	color: #333333;
}
.Text /* Karthik : Ok */
{
	list-style-position: outside;
	color: #333333;
}

.smallTextWhite   /* Karthik : Ok */
{
	list-style-position: outside;
	color: #FFFFCC;
}

/* enrollment styles */
.noBorder   /* Karthik : Ok */
{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.bottomBorder   /* Karthik : Ok */
{
	border-color: black black #CCCCCC;
	border-style: inset;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
}
 
/* asp.net control styles */

.button   /* Karthik: Ok */
{
	text-align: center;
	vertical-align: middle;
	background-color: #D3D3D3;
	border-color: #FFFFFF #666666 #666666 #FFFFFF;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding-bottom: 2px;
	height: 20px;
}
 
/* Start: Styling for Schedule Table (See RateSchedule.aspx) */
table.schedule   /* Karthik : Ok */
{
	border: Maroon 1px solid;
	border-collapse: collapse;
}

td.schedule   /* Karthik : Ok */
{
	border: Maroon 1px solid;
	padding: 3px 3px 3px 5px;
	font-size: 95%;
}

th.schedule   /* Karthik : Ok */
{
	background-color: Maroon;
	border: Maroon 1px solid;
	color: #ffffff;
	font-size: 120%;
	font-variant: small-caps;
	font-style: italic;
	font-weight: bold;
	padding: 3px;
	text-align:center;
}

/* End: Styling for Schedule Table  */


/* Tony: The sectionTable and sectionHead styles appears in EventServiceOptions.aspx. I think the padding and 
         font sizing made themcumbersome to use. We should redo EventServiceOptions.aspx and then delete 
         these styles. */

.sectionTable /* Tony: obsolete */
{
	border-bottom: Gray 1px solid;
}

.sectionHead1 /* Tony: obsolete */
{
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-top: 10px;
	font-weight: bold;
	font-size: 133%;
	color: #0066FF;
	font-variant: small-caps;
}
.sectionHead2 /* Tony: obsolete */
{
	padding-right: 3px;
	padding-left: 6px;
	padding-bottom: 3px;
	padding-top: 8px;
	font-weight: bold;
	font-size: 120%;
	color: black;
}
.sectionContent /* Tony: obsolete */
{
	padding-right: 3px;
	padding-left: 6px;
	padding-bottom: 6px;
	padding-top: 5px;
	font-size: 95%;
}


/* help controls styles */

/* Tony: Centered div with a subtle 3D effect. Use this in a div instead of PageCell in a td.*/
.mainContent /* Tony: Ok */
{
	width: 588px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid gainsboro;
	border-left: 1px solid gainsboro;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	background-color: #F5F5F5;
	overflow: hidden;
}

.pageContent /* Prem: added for pages those are using MainSite.master  */
{
	width: auto;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid gainsboro;
	border-left: 1px solid gainsboro;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	background-color: #F5F5F5;
	overflow: hidden;
}


/* Tony: I added heading1 to be used instead of sectionHead1 */
.heading1  /* Tony: Ok */
{
	margin-top: 16px;
	color: Maroon;
	font-size: 110%;
	font-weight: bold;
	border-top: solid 1px Maroon;
}

/* Tony: I added cssButton to be used instead of roundButton.  */
a.cssButton  /* Tony: Ok */
{
	font-style: normal;
	font-weight: bold;
	color: White;
	background-color: #0058FF;
	border-left: solid 7px #0058FF;
	border-right: solid 7px #0058FF;
	border-top: solid 5px #0058FF;
	border-bottom: solid 5px #0058FF;
	text-decoration: none;
}

a.cssButton:hover  /* Tony: Ok */
{
	background-color: #002366;
	border-left: solid 7px #002366;
	border-right: solid 7px #002366;
	border-top: solid 5px #002366;
	border-bottom: solid 5px #002366;
}

/* Tony: I added the following because anchor tags often appear again light and dark backgrounds and 
		 we will want to use white or black to improve the contrast between the link and the background.  */
a.black  /* Tony: Ok */
{
	color: Black;
}

a.black:hover  /* Tony: Ok */
{
	color: Black;
}

a.white  /* Tony: Ok */
{
	color: White;
}

a.white:hover  /* Tony: Ok */
{
	color: White;
}

/* Tony: I added the accentColor styles below because the legacy app has #990000
         hardcoded in span tags. I think it is smarter to put the color in the 
         style sheet so it is easy to change in the future. */

.accentColor  /* Tony: Ok */
{
	color: Maroon;
}

.accentColorBold  /* Tony: Ok */
{
	color: Maroon;
	font-weight:bold;
}

.accentColorSmall  /* Tony: Ok */
{
	color: Maroon;
	font-size: 85%;
}

.accentColorSmallBold  /* Tony: Ok */
{
	color: Maroon;
	font-weight:bold;
	font-size: 85%;
}

/* Tony: There are many different ways that we have adjusted the size of our fonts. I created the following
         styles that we can use if we want to change font sizes. */

.verySmall  /* Tony: Ok */
{
	font-size: 75%;
}

.small  /* Tony: Ok */
{
	font-size: 85%;
}

.medium
{
	font-size: 95%;
}

.large  /* Tony: Ok */
{
	font-size: 110%;
}

.veryLarge  /* Tony: Ok */
{
	font-size: 130%;
}

/* Prem added for AccountMaster and its related Pages */
.subContent 
{
	padding-left: 15px;
	padding-right: 15px;
	border-top: 1px solid gainsboro;
	border-left: 1px solid gainsboro;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	background-color: #F5F5F5;
	
}

.headerContent
{
	border-right: #999999 1px solid;
	padding-right: 3px;
	border-top: gainsboro 1px solid;
	padding-left: 3px;
	font-weight: bold;	
	padding-bottom: 1px;	
	border-left: gainsboro 1px solid;
	color: Maroon;
	padding-top: 1px;
	border-bottom: #999999 1px solid;
	background-color: #cccccc;
	text-align: center;
	width: 570px;	
	height: 25px;
}


/* help control styles */

#helpText
{
font-family: Arial;
font-size: 90%;
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: #F1F9FF;
visibility: hidden;
padding-top:8px;
padding-left:8px;
padding-bottom:8px;
padding-right:8px;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=#696969,direction=135);
}

#helpText ul {margin-left: 0; padding-left: 1em; margin-bottom: 3px; margin-top: 3px;}
 
#helpText li { margin: 8px; padding: 0px; margin-bottom: 3px; margin-top: 3px;}

#helpText p { margin-bottom: 3px; margin-top: 3px;}

#helpHeader
{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
.helpicon 
{
	font-family:arial;font-weight:bolder;font-size:110%;color:#043E66;text-decoration:none; 
	VERTICAL-ALIGN: top; CURSOR: help; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.headertext
{
    color:white; font-weight:bold; padding-left:5px;
}

.topBannerStyle
{
	border-top: solid 1px Blue; 
	border-bottom: solid 1px Blue; 
	border-left: solid 1px #dcdcdc;
	border-right: solid 1px #999999; 
	margin-left: auto; 
	margin-right: auto; 
	width: 100%;
    height: 80px; 
    background-color: #f5f5f5;
}
.containerDiv
{
    width:500px; 
    height:280px; 
    background-color:#ececec;
    border-top: 1px solid #999999; 
    border-left: 1px solid #999999; 
    border-bottom: 2px solid #999999; 
    border-right: 2px solid #999999; 
    margin-left:auto; 
    margin-right:auto; 
    margin-top:10px; 
    margin-bottom:15px; 
    padding: 10px;
    overflow:hidden;
}
.logoContainer
{
	float: left; 
	margin-left: 10px; 
	margin-top: 10px;
}