﻿
body
{
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px; /*font-family: 'Lucida Sans';*/
	font-family: 'MS Reference Sans Serif';
	font-size: 12px;
	height: 100%;
	width: 100%;
	color: #2C3137; /*color:#40474B;*/
	font-weight: normal;
	background-image: url('yb/_bg.PNG');
	background-repeat: repeat-x;
	background-attachment: fixed;
}
.tblHead
{
	color: #FFFFFF;
	font-size: 16px;
	font-family: Arial;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	background-color: #336699;
	
}
.hrLine
{
	color:#FF9900;
}
.headcolor
{
	font-size: 16px;
	font-weight: bold;
	color: #003366;
}
.linkswhite
{
	
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	font-weight:bold;	
}
.linkswhite:hover
{
	color: #6699FF;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
}

.learnmore
{
	background-position: center center;
	vertical-align: middle;
	text-align: center;
	background-image: url('yb/freeSignup.jpg');
	width: 166px;
	height: 34px;
	background-repeat: no-repeat;
	font-size: 12px;
	color: #000066;
	font-weight: bold;
	padding-top: 28px !important;
	cursor: pointer;
}
.btnLogin
{
	background-position: none;
	background: none;
	border: none;
	background-image: url('yb/SignIn2.png');
	background-repeat: no-repeat;
	width: 103px;
	height: 41px;
	cursor: pointer;
}
.btnCreateMyAcc
{
	background-position: none;
	background: none;
	border: none;
	background-image: url('yb/CreateMyAccout.png');
	background-repeat: no-repeat;
	width: 264px;
	height: 41px;
	cursor: pointer;
	
	margin-top: 20px;
}
.ybinfoSml
{
	font-family: Arial;
	font-size: 13px;
	color: #666666;
}
.ybinfo
{
	font-family: Arial;
	font-size: 16px;
	color: #666666;
}
.btnSubmitCC
{
	background-position: none;
	background: none;
	border: none;
	background-image: url('yb/Submit.png');
	background-repeat: no-repeat;
	width: 109px;
	height: 41px;
	cursor: pointer;
	
}


.freesignup
{
	background-position: center center;
	background-image: url('yb/YourButton.png');
	width: 249px;
	height: 41px;
	background-repeat: no-repeat;
	cursor: pointer;
	text-align: center;
	color: #FFFFFF;
	font-size: 20px;
	padding-top: 14px;
}
.facebook
{
	background-position: center center;
	background-image: url('yb/facebookgray.png');
	width: 84px;
	height: 32px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.facebook:hover
{
	background-position: center center;
	background-image: url('yb/facebook.jpg');
	width: 84px;
	height: 32px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.twitter
{
	background-position: center center;
	background-image: url('yb/twittergray.png');
	width: 123px;
	height: 31px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.twitter:hover
{
	background-position: center center;
    background-image: url('yb/twitter.png');
     width: 123px;
	height: 31px;
    background-repeat: no-repeat;
	cursor: pointer;
	
	}		
	
	.Kiva
{
	background-position: center center;
    background-image: url('image/kivagray.jpg');
    width: 122px;
	height: 59px;
    background-repeat: no-repeat;
	cursor: pointer;
	}
		
.Kiva:hover
{
	background-position: center center;
    background-image: url('image/kiva.jpg');
    width: 122px;
	height: 59px;
    background-repeat: no-repeat;
	cursor: pointer;
	
	}
	.ybblog
{
	background-image: url('yb/blogger-logogray.jpg');
	width: 39px;
	height: 39px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.ybblog:hover
{
	background-image: url('yb/blogger-logo.jpg');
	width: 39px;
	height: 39px;
	background-repeat: no-repeat;
	cursor: pointer;
}		
	
.nolink
{
	color: #3366FF;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}
.WorkPlan
{
    font-weight: bolder;
    color: #333333;
    font-size: large;
}
.ybmore
{
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}


html, form
{
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

#maindiv
{
	margin-top:100px;
	width: 100%;
	min-height:100%;
	/*background-color: #FFCCFF;*/
}

#header
{
	color: #558ED5;
	width: 100%;
	height: 100px;
	font-size: 16px;
	font-weight: bold;
	
}

#headertable
{
	width:90%; 
	margin:0 auto;
	margin-top:8px;
	margin-bottom:8px;
}

#seprator
{
	background-color: #dce6f2;
	font-family: 'MS Reference Sans Serif';
	font-size: 12px;
	color: #006699;
	font-weight: bold;
	height:22px;
	vertical-align:top;
}

.content_tr
{
	width:100%;
	min-height:100%;/*Working for firefox, chrome, safari.. not working for IE and opera.*/
}

.content_tr_td
{
	width:100%;
	/*height:100%;*//*Working for firefox, chrome, safari.. not working for IE and opera.*/
	height:100%;
	/*padding-top:3% !important;
	padding-bottom:3% !important;*/
	vertical-align:top;
}


#content
{
	vertical-align:top;
	padding: 0px;
	margin: 1px auto;
	width: 90%;
	/*background-color: #EFEFEF;*/
	height: 90%;
	position:relative;
}

#foot
{
	position:relative;
	margin: 0 auto;
	width: 100%;
	vertical-align:bottom;
}

#footertable
{
	border-top: 1px solid #BACCE2;
}

.links
{
	
	color: #558ED5;
	text-decoration: none;
	cursor: pointer;
	font-weight:bold;	
}
.linksyb
{
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
	background-image: url('yb/youbestow.jpg');
}
.ybinfo
{
	font-family: Arial;
	font-size: 16px;
	color: #666666;
}

.links:hover
{
	font-weight: bold;
	
	color: #000099;
	text-decoration: underline;
	cursor: pointer;
}

.specials
{
	padding: 5px;
	width: 200px;
	color: #32C600;
	background-color: #FFFFFF;
}

.specials:hover
{
	padding:5px;
	width: 200px;
	color: #FFFFFF;
	background-color: #32C600;
}
.popup
{
    border-style: solid;
    border-width: 1px;
    display: none;
    z-index: 999;
    background-color: #FFFFCC;
    color: #CC6600;
    font-size: 13px;
    text-align: center;
    padding: 10px;
}
.tdborder
{
	border-right-style: solid;
	/*border-left-style: solid;*/
	border-width: 1px;
	border-color: #C0C0C0;
}

.DisplayName
{
	font-weight: bold;
	color: #000099;
	font-size: 14px;
}

#invfriends
{
	background-color: #99FF99;
	border: 1px outset #00FF00;
	font-size: 16px;
	font-weight: bold;
	height:30px;
	padding:0 auto;
}

.tdhead
{
	background-color: #dce6f2;
	font-weight: bold;
	border: 1px solid #0066FF;
	padding:3px;
	margin:3px;
}

.tdd
{
	width: 100%;
	padding:3px;
	margin:3px;
}
.aboutme
{
	font-size: 11px;
}
.sidebar
{
	/*background-color: #C4C4FF;*/
	background-color:#dce6f2;
	font-size: 11px;
}
.lb
{
	font-size: 11px;
	color: #558ED5;
	text-decoration: none;
	cursor: pointer;
	font-weight:bold;	
}

.lb:hover
{
	font-weight:bold;
	font-size: 11px;
	color: #F26621;
	text-decoration: underline;
	cursor: pointer;
}

.lbhead
{
	color: #FFFFFF;
	text-decoration: none;
}
.lbhead:hover
{
	color: #FFFFCC;
	text-decoration: underline;
}
#menu
{
	list-style-type: none;
	text-align:left;
	width:100%;
	font-size:14px;
	font-weight:bold;
}
.menutab
{
	margin-right:5px;
	padding-left:5px;
	padding-right:3px;
	float: left;
	cursor: pointer;
}
.menutab:hover, #menu ul li:hover
{
	margin-right: 5px;
	padding-left: 5px;
	padding-right:3px;
	float: left;
	background-color: #FFFFFF;
	color: #0033CC;
	cursor: pointer;
	text-decoration: underline;
}
.watermark
{
	color: #CCCCCC;
}

.research
{
	font-family: 'Trebuchet MS';
	font-weight: bold;
	font-size: 22px;
	color: #5082BE;
}
.ErrorStyle
{
    background-image: url('Image/oops.jpg');
    background-position: right;
    background-repeat: no-repeat;
}



.sides
{
	padding: 3px;
}


.TxtEmail
{
	
	padding: 3px 3px 3px 20px !important;
	width: 180px;
	background-image: url('image/email.png');
	background-position: left;
	background-repeat: no-repeat;
	border: 1px Solid #999999; /*color: #1F497D;*/
	font-size: 15px;
	color: #333333;
}

.TxtEmail:focus
{
	border: 1px solid #FF9900;
}
.Text
{
	padding: 3px 3px 3px 3px !important;
	width: 180px;
	border: 1px Solid #999999; /*color: #1F497D;*/
	font-size: 15px;
	color: #333333;
}

.Text:focus
{
	border: 1px solid #FF9900;
}


.TxtPass
{
	border: 1px Solid #999999; /*color: #1F497D;*/
	padding: 3px 3px 3px 20px !important;
	width: 180px;
	background-image: url('image/password.gif');
	background-position: left;
	background-repeat: no-repeat;
	font-size: 15px;
	color: #333333;
}
.TxtPass:focus
{
	border: 1px solid #FF9900;
}


.DropDown
{
	border: 1px Solid #999999;
	width: 186px;
	font-size: 15px;
	color: #333333;
}

.DropDown:focus
{
	border: 1px solid #FF9900;
}
.DropDownsml
{
	border: 1px Solid #999999;
	
	font-size: 11.5px;
	color: #333333;
}

.DropDownsml:focus
{
	border: 1px solid #FF9900;
}


.Button
{
    padding: 2px;
    border: 2px solid #006699;
    font-weight: bold;
    color: #333333;
    background-color: #dce6f2;
    height: 26px;
}

/*.Error
{
	font-size: 12px;
	color: #FF3300;
	background-color: #FFFFEA;
}*/

.Error
{
	padding: 1px;
	font-size: 12px;
	color: #FF0000;
	background-color: #FFFFCC;
	margin: 2px;
}

.Invite
{
	background-color: #CCFF99;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #00CC00;
	text-align: center;
}

.stats
{
	font-size: 15px;
	font-weight: bold;
}
.alternate
{
	background-color: #E3E6F9;
}

.header
{
	background-color: #4F81BD;
	color: #FFFFFF;
	font-weight: bolder;
	padding: 5px;
	height: 30px;
}
.Name
{
	font-weight: bold;
	text-decoration: underline;
}
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
	/*width:100%;
	height:100%;
	display:block;
	position:fixed;
	top:0px;
	left:0px;*/
}

#noscript
{
	background-color: Gray;
	filter: alpha(opacity=95);
	opacity: 0.95;
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:999;
	text-align:center;
}

.mandatory
{
    color: Red;
}

.heading
{
    font-weight: bold;
}

.Button2
{
	border: none;
	background: none;
	clear: both;
	background-image: url('image/btn.png');
	background-repeat: no-repeat;
	width: 226px;
	height: 53px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

.parablue
{
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: 'Courier New' , Courier, monospace;
	background-color: #0066FF;
}
.parafontblue
{
	font-size: 22px;
	font-weight: bold;
	color: #2087C4;
	font-family: 'Courier New' , Courier, monospace;
	
}
.parablue2
{
	padding: 1px 1px 1px 20px;
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: 'Courier New' , Courier, monospace;
	background-image: url('Image/pnlback4.png');
	background-repeat: no-repeat;
}
.paragreen
{
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: 'Courier New' , Courier, monospace;
	background-color: #009900;
}
.paraorange
{
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: 'Courier New' , Courier, monospace;
	background-color: #FF6600;
}
.tblborder
{
	border-width: 3px;
	border-color: #666666;
	
}
.taketext
{
	color: #0066FF;
	font-size: 14px;
	font-family: Arial;
	
}
.taketextsml
{
	color: #0066FF;
	font-size: 13px;
	font-family: Arial;
	padding-right: 15px;
}
.tblboder
{
	border-width: 1px;
	border-color: #2087C4 #2087C4 #2087C4 #2087C4;
	border-style: solid;
}
.tblbodergreen
{
	border-width: 1px;
	border-color: #009900 #009900 #009900 #009900;
	border-style: solid;
}
.sidelogin
{
	/*background-color: #C4C4FF;*/
	border: 1px solid #333333;
	background-image: url('yb/gradientlightgray.png');
	background-repeat: repeat-x;
}