/*-------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------- NB Info           -----------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------*/
/*

	Website:			UMeet Website
	Module: 			Main::Stylesheet .
	Copyright:			2008 UPR-Online
	Initials: 			JK
	Creation Date: 		29-July-2008
	Last update:		29-July-2008
	Notes: Design: Grid 830 
	Colour Pal: TDB


/*-------------------------------------------
    Eliminate chance spacing issues by reset
-------------------------------------------*/
html, body, div, span, object, h1, h2, h3, h4, p, a, address, em, img, dl, dt, dd, ol, ul, li, fieldset, legend, form, label, table, tbody, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit; font-family:inherit;vertical-align:baseline;}
body {line-height:1.5; margin: 0;	padding: 0;} /* Note for MS: LH  = Unitless for proper inheritance */
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a img {border:none;}
ul {list-style:none;}


/*------------------------------------------------------------
	GENERAL PAGE DECLARATIONS/ Typography (Style & Colour)
--------------------------------------------------------------*/

body {color:#4F4E4E; font:13px/1.231  Georgia,"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; background: url(http://www.umeethq.com/m/cr/img/bodyHeader.jpg) repeat-x }
h1, h2, h3, h4, h5, h6 {font-family: Georgia, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;  font-weight:normal;color:#222222;} 
	h1 {font-size:197%;line-height:1;margin-bottom:0.5em;}
	h2 {font-size:182%;line-height:1;margin-bottom:0.5em;}
	h3{font-size:167%; margin-bottom:0.75em;}
	h4 {font-size:138.5%;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
	li {font-size:100%;margin-bottom:1.25em;}
	p { padding: 0;	margin:0 0 1.5em; line-height: 1.6em;} 
	a:link, a:visited { color: #00b5e6;	text-decoration: none; outline: none;	cursor: pointer; }
	a:hover { color: #203651;	padding: 0;	text-decoration: none;}
	a:focus, a:hover {color:#000;}
	a {color:#0F767F;text-decoration:underline;}
	h1.white { color:#FFFFFF;}
	h1.superfly { color:#FFFFFF; font-size:307.8%; margin-top:10px; }

	ul#skiplinks {display: none;}
	
/*--------------------------------------
	Core structure
---------------------------------------*/
	
#header{ position:relative;  margin:	0 auto; margin-top:0; margin-bottom:0;  padding:0 0 0 0; width:830px; height:135px; background: none !important; }
#banner{ position:relative;  margin:	0 auto; margin-top:0; margin-bottom:0;  padding:0 0 0 0; width:100%; height:300px; background: #1B1B1B;/*background: url(/m/cr/img/banner/tester.jpg) repeat-x */; }
#bannerSm{ position:relative;  margin:	0 auto; margin-top:0; margin-bottom:0;  padding:0 0 0 0; width:100%; height:70px; background: #1B1B1B; }

#main {	position: relative;  margin:	0 auto; margin-bottom:30px; margin-top:20px; width: 830px;	font-size: 95%;  }
#footer {clear: both;	margin: 0 0 0 0;  padding:20px 0 35px 0;  color:#fff; height:100px;	background:#1B1B1B; width:100%;  overflow: hidden; }



/*--------------------------------------
	Column Structures
---------------------------------------*/
/*8 col grid of 95px each. all floated left and margined seperately*/
.oneCol {float:left; width:95px;}
.twoCol {float:left; width:200px;}
.threeCol {float:left; width:305px;}
.fourCol {float:left; width:410px;}
.fiveCol {float:left; width:515px;}
.sixCol {float:left; width:620px;}
.sevenCol {float:left; width:725px;}
.eightCol {float:left; width:830px;}

/*--------------------------------------
	Header
---------------------------------------*/
#logo {   overflow: hidden;  position: absolute; margin:25px 0 0 0; }
#logo { text-indent:-5000px;}

/* Navigation
	-------------------------------------------*/
		#nav { float:right; width:525px; margin:0 0 0 0; text-align:left;}
			#nav ul {display: inline; }
			#nav ul li {padding: 3px 0 0 10px;  margin: 0 0 0 0; float:left; text-align: left; height: 45px; border-left: 1px solid #fff;  background-color: #fff;  }
			#nav ul li { width: 95px; voice-family: "\"}\""; voice-family:inherit; width: 94px;} 
			html>body #nav ul li { width: 94px; } 
			#nav ul li a { color:#3D3D38; text-decoration: none;  }
			#nav ul li a:hover {color: #6AC3E5; }
			#nav ul li a span.helper { display:block; clear:both; font-size:12px; color:#CCCCCC; font-style:italic;}
			#nav ul li.active {background-color: #F5F5F5;  }
			#nav ul li.active a{ color:#8CA926; font-style:italic;  }

/*--------------------------------------
	Banner
---------------------------------------*/
#bannerContent{ position:relative;  margin:	0 auto; margin-top:0; margin-bottom:0;  padding:0 0 0 0; width:830px; height:300px; background: url(http://www.umeethq.com/m/cr/img/banner/front-banner-bk.jpg) top left no-repeat; }
#bannerContentSm{ position:relative;  margin: 0 auto; margin-top:0; margin-bottom:0;  padding:0 0 0 0; width:830px; background: #1B1B1B; }

.productShot { width:405px; border:5px solid #74C7F9; margin-top:25px; height:240px; background:#fff;}
.umeetDesc { padding-left:10px; padding-right:10px; background:url(http://www.umeethq.com/m/cr/img/banner/descBg.gif) top left; font-size:138.5%; font-style:italic; color:#FFFFFF; line-height:35px; width:315px;}

/*--------------------------------------
	Main
---------------------------------------*/
#signup { margin-left:95px; margin-bottom:25px; text-align:center; float:left; width:640px; background:#EEFCE4; border:1px solid #B9F1AE;  padding-top:30px; padding-bottom:30px; font-size:153.9%;}
#signup a { text-decoration:underline;}
h3.feature { border-top:3px solid #2B1D14; padding-top:8px;  color:#A0D311;}
img.feature {border:5px solid #f5f5f5; margin-bottom:20px;}
.introTxt { font-size:123.1%; width:305px; clear:both;}


/*--------------------------------------
	BLOG
---------------------------------------*/

.blogside h3 { color:#A0D311;  border-top:3px solid #ccc;  padding-top:8px;}
.blogside ul {float: left; display:inline; border-left:1px dotted #ccc;  }
.blogside li { float:left; width:200px; display:inline;  margin-bottom:0; }
.blogside li a { display:block; width:185px; padding:8px 0 8px 15px; border-bottom:1px dotted #ccc; color:#666666;}
.blogside li a:hover { display:block; width:185px; padding:8px 0 8px 15px; background:#F5F5F5; color:#6ac3e5;}


.blogside ul#archive li{float:left; width:66px;}
.blogside ul#archive li a { display:block; width:60px; padding:8px 0 8px 15px; border-bottom:1px dotted #ccc; color:#666666;}
.blogside ul#archive li a:hover { display:block; width:60px; padding:8px 0 8px 15px; background:#F5F5F5; color:#6ac3e5;}

.blog_txt ol li { margin-left:40px;}
.blog_txt ul li { margin-left:40px;}

p.byline {	margin: 0 0 10px 0;	padding: 0 0 10px 0;	font-size: 105%;	font-style: italic;	}
span.pubdate {	margin-left: 8px;	padding-left: 8px;	font-style: normal;	border-left: 1px solid #999; 	}


h3.commentCaption { margin-bottom:0; background:#CCCCCC; color:#fff; font-size:138.5%; padding:5px 5px 5px 5px;}
/*--------------------------------------
	Help Section
---------------------------------------*/
#search {  clear:both;  margin-bottom:25px; text-align:center; float:left; width:830px; background:#F5F5F5;   padding-top:20px; padding-bottom:20px; font-size:153.9%;}
.help h3 { color:#A0D311;  border-top:3px solid #ccc;  padding-top:8px;}
h3.answer {border-top: none !important;  padding-top:0; float:left; width:25px; color:#4F4E4E; }
div.answerTxt { float:left; display:inline;  margin-top:5px; margin-bottom:30px;  width:515px;}



/*--------------------------------------
	Buttons
---------------------------------------*/
.button {display: block;  width: 200px;	height: 80px;	background-position: 0 0;	background-repeat: no-repeat; border: none;	text-indent: -5000px;}
.button:hover {	background-position: 0 -80px;}
.button.static:hover {	background-position: 0 0;}


button.buttonForm {	margin: 0 0 0 0;	padding: 0;	background: transparent;	outline: none;	cursor: pointer;}
.buttonForm { width: 95px;	height: 21px;	background-position: 0 0;	background-repeat: no-repeat; border: none;	text-indent: -5000px;}
.buttonForm:hover {	background-position: 0 -21px;	}
.buttonForm.static:hover {	background-position: 0 0;	}

#btn_upr { width: 200px; background-image: url(http://www.umeethq.com/m/cr/img/logos/upr.jpg);}
#btn_umeet {width: 200px; background-image: url(http://www.umeethq.com/m/cr/img/logos/umeet.jpg);}
button#btn_search {width: 95px; background-image: url(http://www.umeethq.com/m/cr/img/buttons/search.jpg); }






/*--------------------------------------
	Footer
---------------------------------------*/
#footerInner {margin:0 auto; width: 830px; font-size: 95%; text-align:left; }
#copyWrap { margin-top:20px;}




fieldset {border: none; padding:0 0 0 0;	margin: 0 0 10px 0;}
	 fieldset { clear: left; margin:0 0 0 0; padding:0 0 0 0;  }
		fieldset span.errors { display: block; width:305px; margin-left:210px; color:#C92B2B; font-weight:normal; font-style:italic; font-size:11px; margin-bottom:10px; padding-top:0;}
   		fieldset input{font-size:13px;  font-weight:normal;  width:305px; line-height:18px;  margin:0 0 0 0; padding: .3em; font-family: Georgia, "Times New Roman", Times, serif; border: 1px solid #CFCEC4; color:#696969;}

#signupForm form {font-family: "Lucida Grande", Lucida, Verdana, sans-serif;	font-weight: normal;	font-size: 13px;	color: #595750;}
 	 #signupForm fieldset { clear: left; margin:5px 0 30px 0;  padding:10px 25px 20px 25px; background:#F5F5F5; border-top:3px solid #CCCCCC; }

	 #signupForm form legend{ padding: 0 7px;	font-size: 14px;	font-weight: bold;	padding: 0 5px; margin-bottom:10px; }
		#signupForm fieldset label { float:left; width:200px;  padding-top:10px; margin-right:10px; margin-bottom:8px; display:block;  text-align:right; font-weight:bold;}
   		#signupForm fieldset input, fieldset textarea {color:#4F4E4E; font-size:13px;  font-weight:normal;  width:305px; line-height:18px;  margin:3px 0 16px 0; padding: .3em; font-family: Georgia, "Times New Roman", Times, serif; border: 1px solid #CFCEC4;}
		#signupForm fieldset span.short input{ width:95px;}
		p.helptext { display:block; width:305px; margin-left:210px; font-size:11px;}

		#signupForm fieldset.chkRegistration span input { width:30px; float:left; display:block; margin-top:10px;}
		#signupForm fieldset.chkRegistration p.helptext {margin-top:5px; }
		
		#signupFormAccount { background:blue; margin-bottom:300px; display:block; }
		#signupFormSiteAddress { background:purple;}
		#signupFormAffiliate { background:blue;}
		#signupFormAgree { background:orange;}
		div.formSection {border-bottom: 3px solid #f2f2f2; margin-bottom:10px;}
		
div.buttons { margin-left:10px; }
div.submitButton { display:block;  margin-left:210px; }
div.errorBox {}
div.errorBox { display: inline-block;margin:0 0 0 0; background: #C92B2B;	padding: 10px; color:#fff}
	div.errorBox div{ padding: 10px;}

div.successBox { display: inline-block; width:100%; border: 1px solid #99CC99; background: #E2F9E3;  margin-bottom:10px; color:#336633;}
	div.successBox div{ padding: 10px;}

/*--------------------------------------
	Misc Classes
---------------------------------------*/
.hidden {display:none;}
.reveal {display:block;  float:left; clear:both; width:620px; }

.rss { float:left; margin-top:20px;}
.marg10L { margin-left:10px;}
.marg95L { margin-left:95px;}
a.pinky { color:#FF0066; }
.italic { font-style:italic;}
.cleaner {clear:both; height:1px;  font-size:1px;  border:none; margin:0; padding:0; background:transparent;}


/*clearfix*/
.cf:after {content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}
.cf {	display: inline-block;}
html[xmlns] .cf {	display: block;}
* html .cf {	height: 1%;}
/*end clearfix*/