/* CSS Document */

.lightgray { color:#797979;}
.gray { color: #575E5E; }
.verylightgray { color: #E7E7E7; }
.lightblue { color: #7AD2DE; }
.mediumblue { color: #80B6C7; }
.darkblue { color: #489CB8; }
.purple { color: #824d82; }
.red { color: red; }

.success { background-color: #DDDDDD; border-color: #B8FF7F; color: #333333; }
.failure { background-color: #DDDDDD; border-color: #FF1500; color: #333333; }
.warning { background-color: #DDDDDD; border-color: #FFD20A; color: #333333; }

.bOFF { border: solid 1px black; }
            
/***************************************** NDEZINE PROVIDED STYLES *****************************************************/

* {margin:0;padding:0;}
body {background:url(/images/bkg.gif) repeat-y #575e5e center;font-family:Arial, Helvetica, sans-serif; font-size:10pt;}

p {margin-bottom:10px;}
h1 {color:#824d82;text-transform:uppercase;font-size:24px;font-weight:normal;font-family:Myriad, arial;margin: 15px 0px 15px 0px;}
h2 {color:#824d82;text-transform:uppercase;font-size:18px;font-weight:normal;font-family:Myriad, arial;margin: 25px 0px 15px 0px;}
h3 {color:#824d82;text-transform:uppercase;font-size:16px;font-weight:normal;font-family:Myriad, arial;margin: 10px 0px 10px 0px;}

#wrap {width:960px;margin:0 auto;}

#header {width:960px;height:130px;background:url(/images/bkg-hdr.png) no-repeat bottom;}
	#headercontactinfo {width:300px;color:#fff;font-size:11px;position:relative;left:60px;top:81px;}
		#headercontactinfo a {color:#fff;}
			#headercontactinfo a:hover {background:#45a1bc;text-decoration:none;}
	#socialicons {width:280px;height:43px;position:relative;float:right; text-align: right; top:-30px;right:15px; border: solid 0px white;}
		a.btn-fbconnect {width:109px;height:41px;background:url(/images/icon-fbconnect.png) no-repeat left;margin-right:20px;margin-left:40px;float:left;display:block;}
			a.btn-fbconnect:hover {background:url(/images/icon-fbconnect.png) no-repeat right;}
		a.btn-fb {width:25px;height:43px;background:url(/images/icon-fb.png) no-repeat left;margin-right:20px;float:left;display:block;}
			a.btn-fb:hover {background:url(/images/icon-fb.png) no-repeat right;}
		a.btn-bebo {width:25px;height:43px;background:url(/images/icon-bebo.png) no-repeat left;margin-right:20px;float:left;display:block;}
			a.btn-bebo:hover {background:url(/images/icon-bebo.png) no-repeat right;}
		a.btn-twitter {width:25px;height:42px;background:url(/images/icon-twitter.png) no-repeat left;float:left;display:block;}
			a.btn-twitter:hover {background:url(/images/icon-twitter.png) no-repeat right;}
			
#logo {background:url(/images/privilege-logo.png) no-repeat; width:260px;height:96px;position:relative;top:19px;left:358px;}

#topcontent {width:960px;height:375px;z-index:100;}
	#map {width:960px;height:340px;position:relative;top:12px;background:#CCCCCC;}
	#privilegecardfront {width:250px;height:168px;position:relative;top:-200px;left:80px;}
	#privilegecardback {width:250px;height:168px;position:relative;top:-370px;left:400px;}
	#leadform {width:389px;height:325px; background:url(/images/bkg-form.png) no-repeat;position:relative;float:right;top:-485px;z-index:999;}
	
#maincontent {width:920px; height: 1000px; background:url(/images/bkg-content.png) top no-repeat; position:relative; top:-23px; padding-right:20px;padding-left:20px;}
 
	.leftcolumn {width:520px; margin-right: 20px;  vertical-align: top; border: solid 0px black;}
		.leftcolumn h2 {color:#824d82;text-transform:uppercase;display:block;width:500px;border-bottom:1px solid #44a2bd;font-size:18px;font-weight:normal;font-family:Myriad, arial;margin-bottom:15px; margin-top: 5px;}
		.leftcopy{width:210px;margin-right:30px;float:left;}
		.rightcopy {width:210px;float:left;}
		.leftcolumn .feature {width:500px;border-bottom:1px solid #44a2bd;float:left;}
		
	.rightcolumn {width:355px;  margin-left: 45px; float:left; vertical-align: top; border: solid 0px black;}
		.rightcolumn h2 {color:#824d82;text-transform:uppercase;display:block;width:360px;border-bottom:1px solid #44a2bd;font-size:18px;font-weight:normal;font-family:Myriad, arial;margin-bottom:15px; margin-top: 5px;}
		.rightcolumn .feature {width:360px;border-bottom:1px solid #44a2bd;float:left;}

    .mainContentTable { margin-top: 0px; width: 940px; position: absolute; height: 1000px;}
    		
#footer {width:960px;height:54px;background:url(/images/bkg-footer.jpg) no-repeat;position:relative;top:-35px;color:#fff;font-size:11px;text-align:center;padding-top:81px;}
	#footer a {color:#fff;}
		#footer a:hover {background:#45a1bc;text-decoration:none;}


/***************************************** END NDEZINE PROVIDED STYLES *****************************************************/


a { color: #489CB8; text-decoration:none; font-weight: bold; }
a:hover { color: #80B6C7; text-decoration: none; font-weight: bold; }

.validator
{
    color: #bbbbbb;   
}

.toolTip 
{
    padding: 25px;   
}

.contactButtons
{
    margin: 10px 0px 10px 0px;
}

.contactButtons img 
{
    margin: 0px 5px 0px 5px;
}

.address p
{
    font-size: 16pt;
    line-height: 1em;
}

.map 
{
    border: solid 1px #7777777;
}


p , ul, ol, .textSpan
{
	letter-spacing: .04em;
    line-height: 1.5em;
    margin: 15px 0px 15px 0px;
} 

ul,ol
{
	margin-left: 25px;
}

ul
{
    list-style-image: url(/images/logos/V-ListItem-Transparent.gif); 
}

ol
{
    list-style-type: decimal;
}

li
{
    margin: 7px;          
}

h1 .caption
{
	color: #070707;
	font-size: 10pt;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.userMessage
{
    padding: 5px;
    border: solid 1px;
    text-align: left;
}

.userMessage p
{
    font-family: Arial, Sans-Serif;
    font-size: 11pt;
    color: #222222;
    margin: 10px 5px 10px 5px;
}

.statusImage
{
    margin: 5px;
    float: left;
    border: solid 0px white;
}

.asterisk { font-size: 12pt; color: Red; }

.contestWinnerName { font-weight: bolder; color: #824d82;}
.contestWinnerDate { color: #575E5E; margin-top: 0px; border-bottom: 0px;}
.contestWinnerCity { color: #000000; }


/***************************************** FORM ELEMENT STYLES *****************************************************/

.registrationSuccess { width: 331px; margin: 10px; margin-left: 12px; background-color: #DDDDDD; border-color: #B8FF7F; color: #333333; }
.registrationFailure { width: 331px; margin: 10px; margin-left: 12px; background-color: #DDDDDD; border-color: #FF1500; color: #333333; }

.registrationForm
{
    border: solid 0px black;
    
    margin-top: 0px;
    padding-top: 10px;
}

.ajaxPanel
{
    margin: 10px;
}

.registrationForm formHeader
{
    margin: 0px;
}

.registrationForm label  
{
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
    line-height: 40px;  
    vertical-align: bottom;
    color: #222222;
    font-weight: normal;
    letter-spacing: .1em;
    margin-right: 2px;
    margin-bottom: 0px;
}

.registrationForm input  
{
    background-image: url();
    padding: 5px;
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
}

.radDropDown
{
    margin-left: 0px; 
    margin-top: -2  px;
}

.formRow 
{
    height: 40px;
    width: 370px;
    line-height: 40px;  
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 5px;
    clear: both;
}

.formRow label {float: left; text-align: right; width: 100px; display: block;}

.formElement { margin-left: 5px; width: auto; padding-top: 2px; float: left; text-align: left; border: solid 0px black;}

.formElementInfo { width: 20px auto; padding: 0px; margin-left: 5px; margin-top: 2px; float:left; text-align: center; border: solid 0px black;}

.formSubmitButton { }


/***************************************** END FORM ELEMENT STYLES *****************************************************/



/***************************************** UPDATE PANEL STYLES *****************************************************/

.userEmail 
{
    color: #990000;
}

.userMessage_OLD, .userMessageImage_OLD
{
    float: left;
}

.userMessageImage_OLD { width: 65px; margin-right: 5px; }
.userMessage_OLD { width: 500px; margin-top: 12px; }

.userPanel
{
    width: 600px;
    border: solid 2px #990000;
    background-color: #FFFFFF;
    color: #333333;
    padding: 15px;
    margin: 15px 0px 15px 225px;
    text-align: left;
}

.ModalPopupPanel
{
    z-index: 1000;
    width: 550px;
    border: solid 2px #990000;
    background-color: #E7E7E7;
    color: #333333;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    position: fixed;
    bottom: 300px;
    left: 400px;
}

.UpdateProgressPanel
{
    z-index: 99999999;
    background-color:#fff;
    color:#333333;
    width: 275px;
    text-align: center;
    vertical-align: middle;
    position: fixed;
    bottom: 40%;
    left: 35%;
    padding: 10px;
    border: solid 2px #990000;
}

.ModalBackground,
.UpdateProgressModalBackground
{
    background-color: #6D7B8D; /* Blue Slate Gray */
    filter:alpha(opacity=50);
    opacity:0.5;
    -moz-opacity: 0.5;
}

.ModalBackground
{
    z-index: 999;
}

.UpdateProgressModalBackground
{
    z-index: 9999;
}

/***************************************** END UPDATE PANEL STYLES *****************************************************/