﻿/*body{font-family: Arial, Verdana, sans-serif;line-height:1.166;margin: 0 auto;padding:0;color: #666;background:#ffffff}
*/

/*html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body {font-family:verdana, arial, sans-serif; font-size:76%;}
#background{position:absolute; z-index:-1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;} 
#content {padding:5px 300px 20px 200px;}
p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;}
#fixed {position:absolute; top:25px; left:10px; width:150px; z-index:10; color:#567; border:1px solid #000; padding:10px;}
*/
body
{
	text-align:left;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	/*line-height:1.166;*/
	font-size: 11px;
	/*margin: 0 auto;*/
	
	padding:0px;
	background-color: #939393;/*#C0C0C0;*/
	color: #FFFFFF;/*#CCCCCC;*/ /*#505050;*/
	background: #939393;/*#C0C0C0;*//*#3e4552;*/
	/*margin-right: 0px; 
	margin-left: 0px; */
	
	 /*border:1px dashed #e4e4e4;*/
	
margin-left : auto; 
margin-right : auto; 
/*width : 1024px; */

	 
	}

/*
* html .RadEditor .reSplitButton
{
	_display: inline-block;
} 
*/

.tbNoScroll
{
	border: 1px solid #888377;
	margin-bottom: 0px;
	overflow:hidden;
}

.SubHead
{
	border-width: 1px; 
	/*font-variant: small-caps; */
	font-size: 9pt;
	font-weight: 600; 
	background-color: #ECDEEF; 
	padding: 4px; 
	border-top-style: solid;
	border-top-color: #000000;
}

/*used for correct slider operation*/
      .slide-out-div {
          padding: 20px;
          width: 250px;
          background: #ccc;
          border: #29216d 1px solid;
      }  

.ItemListSeparator
{
	border-width: 1px; 
	padding: 4px; 
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.FormBack
{
	background-color: #ECEFF6; 
	padding: 5px; 
	border: 1px solid #cccccc;
}

/*neat text links*/
.textlinks  
{
	overflow: auto;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	color: #324d85;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-width: 1px; 
	padding: 4px 0px 4px 2px;
	text-decoration: none;
	}
	
a.textlinks:link 
{
	overflow: auto;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	color: #324d85;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-width: 1px; 
	padding: 4px 0px 4px 2px;
	text-decoration: none;
}

a.textlinks:visited 
{
	overflow: auto;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	color: #324d85;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-width: 1px; 
	padding: 4px 0px 4px 2px;
	text-decoration: none;
}
	
a.textlinks:hover 
{
	overflow: auto;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #3b5998;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-width: 1px; 
	padding: 4px 0px 4px 2px;
}

a.textlinks:active 
{
	overflow: auto;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	color: #324d85;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-width: 1px; 
	padding: 4px 0px 4px 2px;
	text-decoration: none;
}

.specialAnchor
{
	overflow: auto;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	color: #324d85;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-width: 1px; 
	padding: 4px 0px 4px 2px;
	text-decoration: none;
}
	
a.specialAnchor:link,visited,active 
{
	overflow: auto;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	color: #324d85;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-width: 1px; 
	padding: 4px 0px 4px 2px;
	text-decoration: none;
}
	
a.specialAnchor:hover 
{
	overflow: auto;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #3b5998;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-width: 1px; 
	padding: 4px 0px 4px 2px;
	}

.textlinksNoLine  
{
	width: 100%;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	color: #324d85;
	padding: 4px 2px 4px 2px;
	text-decoration: none;
	}
	
.textlinksNoLine:hover 
{
	width: 100%;
	background-color: #D4DAE8;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	color: #333333 ;
	text-decoration: none;
	padding: 4px 2px 4px 2px;
	}
	

.AcctSubHeads
{
	padding: 5px; 
	margin-bottom: 5px; 
	margin-top: 5px; 
	background-color: #FFFFFF; 
	color: #000000;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-width: 1px; 
	font-weight: bold;
}

.EventSideSubHead
{
	overflow: auto;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	border-width: 1px; 
	padding: 4px; 
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.SubProfileHead
{
	font-size: 9pt;
	border-width: 1px; 
	/*font-variant: small-caps; */
	font-weight: 600; 
	background-color: #ECDEEF; 
	padding: 4px; 
	border-top-style: solid;
	border-top-color: #000000;
}

/*Head in edit sections of account*/
.EditAccountHead
{
	padding: 5px;
	background-color: #000000;
	font-size: 12px;
	color: #FFFFFF;
}
 
 .UploadResultCss
 {
 	padding: 5px 0px 5px 0px;
 }
 
.HelpHead
{
	color: #000000; 
	border-bottom: 1px solid #bddcad; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	margin-top: 10px;
	margin-bottom: 10px;
}
	
	.Hidden {display:none;}
	
	div.htmltooltip{
		position: absolute; /*leave this and next 3 values alone*/
		z-index: 1000;
		left: -1000px;
		top: -1000px;
		background: #272727;
		border: 2px solid black;
		color: white;
		padding: 3px;
		width: 400px; /*width of tooltip*/
		font-size: 10pt;
		
		/*height: 300px*/
}

 .toolTipBody
 {
 	width: 220px;
 	word-wrap: break-word;
 	padding: 2px;
 }


.siteBackBody
{
	background-color: #000000;
	/*background-color: #181C25;*/
}

.completionList 
{
	border:solid 1px #444444;
	margin:0px;
	padding:2px;
	height: 100px;
	overflow:auto;
	background-color: #FFFFFF;
	background: #FFFFFF;
}

.listItem 
{
	background-color: #FFFFFF;
	background: #FFFFFF;
	color: #666666;
}

.BlackShade 
{
	 background-image: url('../images/backdrop/blackshade.png');
	 background-repeat: repeat;
}

.Opacity
{
		background-color: #000000;
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}

.itemHighlighted
 {
 	background-color: #899aca;
 }
 
	.TitleBannerCss
	{
		background-color: #000000; 
		border: 1px solid #FFFFFF; 
		margin-bottom: 2px; 
		margin-top: 5px;
	}
	
	.DragHandleClass
     {
          width: 12px;
          height: 12px;
          background-color: red;
          cursor:move;
     }
     
     .OnlinePanelCss
     {
     	padding: 0px 5px 0px 5px;
     	background-color: #000000;
     }
     
div.content 
{
	padding: 5px 5px 2px 5px;  
	
	border: solid 1px #FFFFFF;
	margin-top: 5px;
	width: 100%;
	/*text-align: center;*/
}
 
div.content table 
{
/*margin-left: auto;
margin-right: auto;*/
text-align: left;
	font-size : 12px;
	width: 100%;
	/*height: 247px;*/
} 
	
.textIndicator_poor { background-color:gray; 
padding:2px; 
color:#ffff00; 
} 



  

.textIndicator_weak { background-color:gray; 
padding:2px; 
color:#00ffff; 
} 

  

.textIndicator_good { background-color:gray; 
padding:2px; 
color:lightblue; 
} 

  

.textIndicator_strong { background-color:gray; 
padding:2px; 
color:lightgreen; 
} 

  

.textIndicator_excellent { background-color:gray; 
padding:2px; 
color:#00ffdd; 
} 

.RecentPostsLink
{
	/*margin-right: 0px;
	margin-bottom: 5px;*/
}

.pager
{
	clear:both;
	margin: 0 auto;
	
}

/*non selected*/
.pagerlink
{
	border: solid 1px white;
	display: inline-block;
	margin-right: 0.4em;
	padding: 0.4em 0.7em;
	text-decoration: none;
	line-height: normal;	
	background-image: url('../images/backdrop/blackshade.png');
	font-weight: bold;
	color: #FFFFFF;			
}

/*hover*/
.pagerlink:hover {
	border: solid 1px #FFFFFF;	
	color:#000000;	
	background-color:#FFFFFF;
}

/*hover*/
.pagerlink:link {
	border: solid 1px #FFFFFF;	
	color:#FFFFFF;	
	background-image: url('../images/backdrop/blackshade.png');
}

/*css for selected one*/
.pagerlabel
{	
	border:solid 1px white;
	display:inline-block;
	margin-right:0.4em;
	padding:0.4em 0.7em;
	text-decoration:none;
	line-height:normal;	
	background-color:#FFFFFF;
	font-weight:bold;
	color:#000000;		
}
	
.gridpager, .gridpager td
{    
    text-align: right;
/*    color: cornsilk;    */
    font-weight: bold;
    text-decoration: none;
}

.gridpager a
{
    color: White;
    font-weight: normal;
}
	
	.command
	{
		    color: White;
		font-weight: normal;
		font-size: 11pt;
	}
	
	/* Text Box with Different Border: */
.tb-border {
    border: 1px solid #0000FF;
}

/* Text Box with Background Color: */
.tb-background {
    background-color : #99FFCC;
    border: 1px solid #008000;
}

/* Text Box with Background Image: */
.tb-bg-image {
    background-image: url('../bg.png');
    border: 1px solid #6297BC;
}



/* Text Box with Focus: */
.tb-focus {
    border: 1px solid #888377;
	margin-bottom: 0px;
}
.tb-focus:focus {
    background-color: #F4EEDD;
}

/* Text Box with Side Image: */
.tb-bg-side {
    background-image: url('../Portal.gif');
    background-repeat:no-repeat;
    background-position:left;
    border: 1px solid #6297BC;
    padding-left:16px;
}

/* Text Box with Rounded Corners: */
.tb-rounded {
    border-style: none;
	border-color: inherit;
	border-width: 0;
	background: url('../rounded.gif') no-repeat left top;
	height: 22px;
    	width: 230px;
    	padding-top:2px;	
}

/* Text Box with Gradient: */
.tb-gradient {
    border-style: none;
	border-color: inherit;
	border-width: 0;
	background: url('../gradient.gif') no-repeat left top;
	height: 22px;
    	width: 230px;
    	padding-top:2px;
}

	
	/*<style> 
<!-- 
body { text-align:center; } 
#box { margin:0 auto; text-align:left; width:800px; border:2px solid black; } 
--> 
</style> 

<body> 
<div id="box"> 
all of site here
</div> 
</body>*/
	
	/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url('../Images/General/FilledStar.png');

}

.emptyRatingStar {
    background-image: url('../Images/General/EmptyStar.png');
}

.savedRatingStar {
    background-image: url('../Images/General/SavedStar.png');
}

	
.cssWaterMarkText
{
	background-color: #99CCFF;
}

.imageManagerText
{
	font-size: 9pt;
	color: #000000;
}

.mailMessageCss
{
	text-align: center;
	/*vertical-align: middle;*/
	 padding : 20px 0px 20px 0px;
}

.ThreadTitle
{
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.MenuCss a:link {color:#FFFFFF }
.MenuCss a:visited {color:#FFFFFF }
.MenuCss a:active {color:#FFFFFF }
.MenuCss a:hover {color:#FFFFFF ;}



.linksCss a:link {color:#e4e4e4}
.linksCss a:visited {color:#e4e4e4}
.linksCss a:active {color:#e4e4e4}
.linksCss a:hover {color:#666666;}
.linksCss 
{
	font-family:Arial;
}

.accordionHeader A:link {color:#e4e4e4}
.accordionHeader A:visited {color:#e4e4e4}
.accordionHeader A:active {color:#e4e4e4}
.accordionHeader A:hover {color:#666666;}
.accordionHeader 
{
	font-family:Arial;
}

.cssMailLinks
{
 text-align : left;
 color: #000000;
}

.cssSignUpText
{
	color: #485367;
}

.cssStatTitle
{
	color: #000000;
	font-weight:bold;
}

.cssButton
{
	border-color : #FFFFFF;
}

.signUp3StepImage
{
	margin-top: 5px;
}

.signUpImpText
{
	margin-left : 10px;
	color: #000000;
}

.signUpWiz
{
	background-color: #FFFFFF; /*#52617D;*/
	color: #333333;

}

.watermarked
{
	background-color: #99CCFF;
	font-size: 10pt;
}

.modalBackground
{
    filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
    width: 100%; height: 100%; 
    background-color: #999999;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}

.AcctTabMenu a:link {color:#FFFFFF }
.AcctTabMenu a:visited {color:#FFFFFF }
.AcctTabMenu a:active {color:#FFFFFF }
.AcctTabMenu a:hover {color:#FFFFFF ;}

.AcctTabMenu
{
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 11pt;
	margin-top: 0px;
	border:0px; 
	border-width: 0px; 
	background-image: url('../images/backdrop/blackshade.png');
	background-repeat: repeat;
	 
}

.AcctMenu a:link {color:#FFFFFF }
.AcctMenu a:visited {color:#FFFFFF }
.AcctMenu a:active {color:#FFFFFF }
.AcctMenu a:hover {color:#FFFFFF ;}

.AcctMenu
{
	background-color: #000000;
	color: #FFFFFF;
	font-size: 11pt;
	margin-top: 10px;
	border:0px; 
	border-width: 0px; 
	 
}

.leftMenu
{
	color: #000000;
	vertical-align: top;
}

.leftMenu a:link {color:#FFFFFF }
.leftMenu a:visited {color:#FFFFFF }
.leftMenu a:active {color:#FFFFFF }
.leftMenu a:hover {color:#FFFFFF ;}

.MembershipLevelTable
{
	color: #ffffff;
	font-size: 14pt;
}

.MemberShipLevelBronzeCell
{
	color: #000000;
	text-align: center;
	background-color: #D0A270;
	font-size: 11pt;
}

.MemberShipLevelGoldCell
{
	color: #000000; 
	text-align: center;
	background-color: #e3d590;
	font-size: 11pt;
}

.MemberShipLevelPlatCell
{
	color: #000000;
	text-align: center;
	background-color: #c2ced5;
	font-size: 11pt;
}

.MemberShipLevelSilverCell
{
	color: #000000;
	text-align: center;
	background-color: #b1b1b1;
	font-size: 11pt;
}

.homeTopTable
{
	margin-top: 5px;
	border:0px; 
	border-width: 0px; 
}





.cssForum
{
	font-family: Arial;
	font: Arial;
	font-size : 12px;
	color: #000000;
}

.imageClass 
{
	border:1px; 
	border-width: 1px; 
	border-color: #000; 
	border-style: solid;
}


/*Button CSS*/

.npbutton
{
  display: block;
  width: 179px;
  height: 23px;
  background: url("..images/buttons/npbutton.png") no-repeat 0 0;

}

.npbutton:hover
{ 
  background-position: 0 -28px;
}

.npbutton span
{
/*  display: none;*/
 padding-left: 55px;

}

/*End of button css*/



.thumbnail {
border: 1px solid black;
margin: 0 1px 1px 0;
/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);*/
-moz-opacity: 0.5;
Filter: Alpha(Opacity=50);

}


.titleClass
{
	font-size:13px;
	color:#4b4a4a;
	text-transform:uppercase;
	font-weight:normal;
	/*margin:0 8px 4px 0;*/
	padding:0
}

.subtitleClass
{
	font-size:12px;
	color:#4b4a4a;
	text-transform:uppercase;
	font-weight:normal;
	/*margin:0 8px 4px 0;*/
	padding:0
}



.gvClass
{
	font-family: Arial, verdana, sans-serif;
	font-size:10px;
	color:#000000;
	font-weight:normal;
	/*margin:0 0px 0px 0;*/
	padding:0
}


.Footer a:link {color:#FFFFFF}
.Footer a:visited {color:#FFFFFF}
.Footer a:active {color:#FFFFFF}
.Footer a:hover {color:#808080;}

/*#413839*/
a:link {color:#000000}
a:visited {color:#000000}
a:active {color:#000000}
a:hover {color:#808080;}


.thumbnail:hover {
border: 1px solid black;
/*background-image: url("http://www.agogofashion.com/images/pleasewait.gif");*/
/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);*/
-moz-opacity: 1;
filter: Alpha(Opacity=100);
}


