body
{
}


.clsFirstRow
{
	width: 100%;
}

/* for second row */
.clsSecondRow
{
	width: 100%;
}




/* For tables row */

/* For tables Cell */
.clsTableCell
{
	border: Solid 1px black;
	text-align: left;
	vertical-align: top;
	background-color: #f6f6f6;
}
/* For tables Cells with textboxes for input */


.clsInputCell
{
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
}

/* For Text*/



.clsPasswordStrength
{
	font-family: Arial;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	background-color: Gray;
	color: white;
	vertical-align: middle;
}

.clsTextBoxGray
{
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	width: 200px;
	background-color: #e6e6e6;
}

.clsTextBoxYellow
{
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	width: 200px; /*background-color:#FFFFC7;*/
}

.clsBottomText
{
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	color: #e6e6e6;
}

.clsTopText
{
	font-family: Arial;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
	text-align: left;
	padding-left: 5px;
}






/* for profile form */

.clsLabelFont
{
	color: Black;
	font-family: Arial;
	font-size: 12px;
}




.clsNameLabelFont
{
	color: Black; /*font-family:Comic Sans MS;*/
	font-family: Arial;
	font-size: 24px;
	font-weight: bold;
}










/* for first cell of Basic info */

/* for second cell of Basic info */
.clsBasicCell2
{
	width: 55%;
	text-align: left;
	vertical-align: middle;
}

/* for third cell of Basic info */
.clsBasicCell3
{
	width: 25%;
}


/* for Prolile first Column */
.LeftColumn
{
	font-family: Arial;
	font-size: 12px;
	vertical-align: top;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}

.CenterColumn
{
	font-family: Arial;
	font-size: 12px;
	vertical-align: top;
	text-align: left;
}
.clsUserImage
{
	z-index: 2000;
}


/* for tabs in left column */
ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

img
{
	border: none;
}

/*- Menu 13--------------------------- */


#menu13
{
	width: 200px; /*margin-top:10px;*/
	margin-left: 2px;
	margin-right: 2px;
	vertical-align: top;
}

#menu13 li a
{
	height: 32px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 24px;
	text-decoration: none;
	font-weight: bold;
	color: Black;
	vertical-align: top;
}

#menu13 li a:link, #menu13 li a:visited
{
	/*color: #C7377D;*/
	display: block;
	background: url('../images/profile/menu13.gif');
	padding: 8px 0 0 10px;
}

#menu13 li a:hover, #menu13 li #current
{
	/* color: #C7377D;*/
	background: url('../images/profile/menu13.gif') 0 -32px;
	padding: 8px 0 0 10px;
}




/* for popup Animation */


.animationReferenceField
{
	text-align: right;
	vertical-align: top;
	padding-top: 5px;
}

.animationReferenceCode
{
	margin-top: 5px;
	vertical-align: top;
	font-family: 'Courier New' , Monospace;
	font-style: normal;
	font-weight: bold;
	display: block;
	background-color: #FFF;
	color: #000;
	font-family: 'Courier New' , Monospace;
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 5px;
}

.animationReferenceItems
{
	vertical-align: top;
}

.animationReferenceItemTable
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.animationReferenceItemRow
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.animationReferenceItem
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
}

.animationReferenceItemCode
{
	display: block;
	background-color: #FFF;
	color: #000;
	font-family: 'Courier New' , Monospace;
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
}


.clsPanel
{
	border-bottom: solid 1px #5A5A8A;
	border-color: #5A5A8A;
	border-width: 1px;
	border-style: solid;
}

/* Class for view event calendar Date & event display */
.clsDayClass
{
	padding-left: 10px; /*border-color:#FFFFFF;     background-color:#ccccc8;*/
}
.clsItem
{
	font-weight: normal;
}
.clsNoComment
{
	padding-left: 8px;
	color: Red;
}




/*.clsPopUp
{
    width:200px;
    padding-left:10px;
    padding-right:10px;
    padding-top:35px;
    background-color:Silver;
    border-style:solid;
    border-color:Black;
    border-width:2px;
    vertical-align: middle;
    text-align:center;
        
}


.modalBackground {

	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}*/


/* classes added in MyProfile.xml */
/*

	.clsBasicCell1
{
	width:20%;
	text-align:right;
	vertical-align:middle;
	font-family:Arial;
	font-size:12px;
	height:25px;
	 

}
	.clsProfilePageHeader
	{
		font-family:Arial;
		font-size:18px;
		font-weight:bold;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		background-color:#ffcc66;	
	}
	.clsTableRow
	{
		 border:Solid 1px Gray;
		 text-align:left;
		 width:100%;
		 position:relative;
		 background-color:#e5e5e5;
	}


	.clsheader
	{
		background-image: url(images/profile/bar2.gif);
 		height: 24px;
		color: white;
		text-align:left;
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
	}


	.clsLabelTextFont
	{
		color: Black;
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		text-align: right; 
		padding-bottom: 5px;
		padding-top: 5px; 
		padding-right:10px;
		vertical-align:top;
	}

	.clsNormalTextFont
	{
	 font-family:Arial;
	 font-size:12px;
	 color: Black;
	 vertical-align:top;
	 padding-left:5px;
	 padding-bottom:2px;
	 padding-top:5px;
	}

	.clsButton
	{
		background-image: url(../images/profile/bar1.gif);
		color: white;
		height:20px;
		width:110px;
		 border:Solid 1px Black;
		 
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		vertical-align:middle;
	
	}


	.clsTxtFont
	{
	 
	 font-family:arial;
	 font-size:10px;
	 font-style:normal;
	 vertical-align:middle;
	 padding-left:10px;
	 padding-bottom:5px;
	    
	}

	

 .accordianHeader
{
  text-align:center;
  font-family: Arial;
  font-size:10px;
  font-weight:bold;
  color:black;
  background-image:url("../../Images/headlines.gif");
  
}        
.accordianContent
{
 text-align:left;
 font-family: Arial;
 font-size:10px;
 color:#00f;
 margin-left:8px;
 margin-right:8px;
 text-align:justify;
  
}
*/

#menu2
{
	width: 145px; /*  border-style: solid solid none solid;*/
	border-color: #677D92;
	border-width: 1px;
	margin: 10px;
	list-style-type: none;
}

#menu2 li a
{
	border-style: solid solid none solid;
	border-color: #677D92;
	border-width: 1px;
	height: 20px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	vertical-align: top;
	text-decoration: none;
}

#menu2 li a:link, #menu2 li a:visited
{
	color: black;
	display: block;
	background: url('../CustomizedImages/menu2.gif');
	padding: 8px 0 0 10px;
	text-decoration: none;
}

#menu2 li a:hover, #menu2 li #current
{
	color: #283A50;
	background: url('../CustomizedImages/menu2.gif') 0 -32px;
	padding: 8px 0 0 10px;
	text-decoration: none;
}

#menu2 li a:active
{
	color: #283A50;
	background: url('../CustomizedImages/menu2.gif') 0 -64px;
	padding: 8px 0 0 10px;
	text-decoration: none;
}

.clsErrorMsg
{
	font-family: Arial;
	font-size: 12px;
	color: Red;
}
.clsHelpText
{
	font-family: Arial;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	padding-left: 5px;
	text-align: left;
	vertical-align: middle;
}