/* General~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html,body,div,p {font: normal 100% trebuchet ms, Arial , sans-serif; color: #000; line-height:1.75em;}

body {
background: #fff url(../images/background.gif) repeat-x;
margin: 0; padding: 0;
}

body.pop {
background: #fff;
margin: 0; padding: 0;
}

a:link {color: #060; text-decoration: none; border-bottom: 1px dotted #060;}
a:active {color: #060; text-decoration: none; border-bottom: 1px dotted #060;}
a:visited {color: #060; text-decoration: none; border-bottom: 1px dotted #060;}
a:hover {color: #000; border-bottom: 1px solid #000;}
a img {border-width: 0; border-style: none; text-decoration: none;}

.bold {
	font-weight: bold;
}

#ci_logo a 	{
	padding: 30px 0px 0px 10px;
	margin: 0;
	float: left;
	border: none;
}

span.conreg_form	{
	background: url(../images/icon_register.png) no-repeat 0 3px;
	padding: 0 0 4px 18px;
}

.pg_top	{
	background: url(../images/icon_pg_up.gif) no-repeat 0 3px;
	padding: 0 0 4px 18px;
}

span.account	{
	background: url(../images/icon_account.gif) no-repeat 0 6px;
	padding: 0 0 0 20px;
	margin: 0 0 0 15px;
}


/* MAIN STRUCTURE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header {
	background: url(../images/tp_head.jpg);
	width: 801px;
	height: 72px;
	margin: 0 auto;
}

#wrap	{
	margin: 0 auto;
	width:801px;
	background: url(../images/bg.jpg) repeat-y center bottom;
}

#cont_top { position:relative; margin: 0 auto;  padding:0; width:801px; height:19px; background: url(../images/bg_top.jpg) 0% 0% no-repeat ;}

html>#cont_top	{width:801px;} /* required by Opera */

#mainBody {
	width: 775px;
	margin: 0 auto;
	height: 100%;
}

#pg_btm {
	width:801px;
	margin: 0;
	padding: 30px 0 10px 0;
	background: url(../images/bg_btm.jpg) no-repeat;
	text-align: center;
	font-size: 0.8em;
	color: #fff;
	clear: both;
}
#pg_btm #by {
	width: 86px;
	height: 28px;
	float: right;
	padding-right: 50px;
	margin-top: 10px;
	background: url(../images/logo_compete.jpg) no-repeat;
}

#pg_btm #by a {
	height: 28px;
	width: 86px;
	font-size: 1px;
	display: block;
	border: none;
}

#pg_btm #byrought a:hover {
	width: 86px;
	height: 28px;
	background-image: url(../images/logo_compete.jpg);
	border: none;
}

#pg_btm #left {
	width: 86px;
	height: 28px;
	float: left;
	padding-right: 50px;
}

#pg_btm a	{ color: #88b536; font-weight: bold; border-bottom: 1px dotted #88b536;}
#pg_btm a:hover	{ color: #f90; font-weight: bold; border-bottom: 1px dotted #f90;}

#message {
    margin: 3px 0px 3px 10px;
    color: #FFF;
    text-align: center;
}

#message a {
	color: #FFF;
	border-bottom:1px dashed #FFF;
}

#message a:hover {
	border-bottom:1px dashed #FF9900;
	color:#FF9900;
}

.status {
	background-color: #060;

}

.error {
	background-color: red;
}


/* TITLES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

h1 {
	font-size: 1.2em;
	height: 26px;
	color: #060;
	font-weight: bold;
    margin: 10px 45px 5px 45px;
}


h2 {
	font-size: 1em;
	height: 26px;
	font-weight: bold;
	margin: 5px 45px 5px 45px;
	color: #060;
	text-decoration: underline;
}

.sm {
	font-size: 0.8em;
	font-weight: bold;
	margin: 0;
	color: #333;
	text-decoration: none;
	margin: 3px 0px 5px 13px;
	display: block;
	line-height: 1.2em;
}



h3 {
	font-size: 0.9em;
	padding: 0;
	margin: 0 45px 8px 45px;
	line-height: 1.3em;

}

h3 span	{
	background: #060;
	padding: 2px 5px 2px 2px;
	margin: 0;
	color: #FFF;
	line-height: 1.3em;
}

h3.install	{
color: #060;
margin: 0px 0px 5px 10px;
}

h4 {
	margin: 0;
	text-indent: -9000px;
}

h5	{
color: #000;
font-weight: bold;
text-align: center;
font-size: 1.2em;
padding-top: 8px;
}


/* TITLES SPECIFIC
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

h3.signup_org	{
	color: #f60;
	font-size: 1.2em;
	margin: 20px 0 0 10px;
}

h3.sidebox_title	{
	background: url(../images/sidebar_title_bg.gif) no-repeat;
	font-size: 1em;
	color: #fff;
	width: 225px;
	margin: 0px 0px -10px 0px;
	padding: 0 0 0 5px;
}

h3.title_bg {
	margin: 0 0 10px 10px;
	padding: 0 0 0 5px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 0.9em;
	color: #fff;
	background: #fff url(../images/bg_h3.gif) no-repeat;
}


/*  HEADER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#bc {
	float: right;
/*	padding: 0 0 0 20px; */
	padding: 0;
	margin: 5px 10px 0 0;
/*	margin: 10px 10px 0 0;*/
	font-size: 0.8em;
}

#bc li {
	display: inline;
	list-style: none;
	text-transform: uppercase;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #69bb27;
	padding: 0 0 0 20px;
	margin: 0 10px 0 0;
}

#bc li a,
#bc li a:link {
/*	border-bottom: 1px dashed #69BB27;*/
	border-bottom: 0;
	color:#69BB27;
}

#bc li a:hover	{
/*	border-bottom: 1px dashed #FF9900;*/
	border-bottom: 0;
	color:#FF9900;
}

#bc li.home	{
	background: url(../images/icon_home.gif) no-repeat 0px 0px;
}

#bc li.account	{
	background: url(../images/icon_account.gif) no-repeat 0px 0px;
}

#bc li.userinfo {
	padding: 0;
}

#bc li.email {
	background: url(../images/icon_email.png) no-repeat 0px 0px;
}


/*  NAV TABS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#tabs ul
{
	width: 575px;
	padding: 0;
	margin: 7px 0 0;
	*/margin: 21px 0 0;
	float: right;
}

#tabs ul li
{
	display:inline;
	margin:0px 3px 0px 0px;
}

#tabs ul li a
{
	float:left;
	background: url(../images/box_tab_left.png) no-repeat left top;
	padding: 0 0 0 7px;
	text-decoration:none;
	font-weight: bold;
	border: none;
}

#tabs ul li a span
{
	float:left;
	display:block;
	background:url(../images/box_tab_right.png) no-repeat right top;
	padding: 3px 15px 1px 7px;
	font-weight:bold;
	color: #060;
	font-family: trebuchet ms, arial, serif;
	font-size: 0.9em;
	margin:0px 3px 0px 0px;
	border: none;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs ul li a span {float:none;}
/* End IE5-Mac hack*/

#tabs ul li a:hover
{
	background-position: 0% -55px;
	border-bottom: none;
}

#tabs #home li #nav_home span,
#tabs #member li #nav_member span,
#tabs #join li #nav_join span,
#tabs #faq li #nav_faq span,
#tabs #benefits li #nav_benefits span,
#tabs ul li a:hover span
{
	background-position: 100% -55px;
	color:#FD7E00;
}

/*  MAIN CONTENT AREA
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content {
	width: 775px;
	float: left;
	padding-bottom: 5px;
}

#content p {
	font-size: 0.9em;
	margin: 0 45px 10px 45px;
	line-height: 1.3em;
	color: #000;
}

#content p.browser_install {
	font-size: 0.9em;
	margin: 0 2px 0px 11px;
	color: #000;
	font-weight: bold;
}

#content p.join {
	font-size: 0.9em;
	margin: 0;
	padding: 0px 8px 5px 8px;
	line-height: 1.3em;
	color: #000;
}

#content img {
	float: right;
	margin: 5px 10px 5px 12px;
	padding: 3px;
	border: 1px dashed #c5c5c5;
}

#content ul {
	font-size: 0.9em;
	line-height: 1.3em;
	color: #000;
}

#content ul li img {
	float: none;
	margin: 0;
	padding: 0;
}

span.register	 {
	background: url(../images/icon_register.png) no-repeat 0px 0px;
	padding: 0px 0px 4px 22px;
	margin: 0px 0px 0px 390px;
	font-size: 0.6em;
}

.regfoottext {
	margin-top: 15px;
	color: #333;
	font-size: 0.7em;
}




#content .callout_submit	{
background: #060;
color: #fff;
font-size: 11px;
padding: 3px 0px 3px 0px;
margin: 0px 0px 0px -2px;
text-align: center;
letter-spacing: .03em;
}

#content_full {
	width: 750px;
	padding-right: 0;
	margin: 0;
	float: left;
	padding-bottom: 5px;
}

#content_full p {
	font-size: 0.9em;
	margin: 0 2px 10px 13px;
	line-height: 1.3em;
	color: #000;
}

#content_full p.join {
	font-size: 0.9em;
	margin: 0 0px 0px 0px;
	padding: 0px 8px 5px 8px;
	line-height: 1.3em;
	color: #000;
}

#content_full img {
	float: right;
	margin: 5px 10px 5px 12px;
	padding: 3px;
	border: 1px dashed #c5c5c5;
}

#content_full ul li img {
	float: none;
	margin: 0;
	padding: 0;
}




/*  MAIN CONTENT LIST
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content #faqnav {
	list-style-type: none;
	padding: 0;
	margin: 0px 0px 10px 40px;
}

#content #faqnav li	{
	background: url(../images/accept.gif) no-repeat 0px 2px;
	padding: 0px 0px 5px 20px;
	font-size: 0.9em;
	line-height: 1.4em;
}

/* faq answer list */
#content .faqlist,
#content .uninstallinstructions
{
	padding: 0;
	margin: 0;
}

#content .faqlist li,
#content .uninstallinstructions li {
	margin: 0px 0px 5px 35px;
	font-size: 0.9em;
	line-height: 1.4em;
}



.bi_cont	{
background-color: #e8f3f9;
height: 170px;
margin: 0px 0px 10px 0px;
}

a.ff_download	{
background: url(../images/icon_firefox.gif) no-repeat 0px 0px;
padding: 0px 0px 10px 35px;
text-decoration: none;
color: #06c;
margin: 0px 0px 0px 0px;
border: none;
}

a.ff_download:hover	{
background: url(../images/icon_firefox.gif) no-repeat 0px 0px;
padding: 0px 0px 10px 35px;
text-decoration: none;
color: #c60;
margin: 0px 0px 0px 0px;
border: none;
}

a.ff_download span	{
text-decoration: underline;
}


a.ie_download span	{
text-decoration: underline;
}


a.ie_download	{
background: url(../images/icon_ie.gif) no-repeat 0px 0px;
padding: 0px 0px 10px 35px;
text-decoration: none;
color: #06c;
margin: 0px 0px 0px 0px;
border: none;
}

a.ie_download:hover	{
background: url(../images/icon_ie.gif) no-repeat 0px 0px;
padding: 0px 0px 10px 35px;
text-decoration: none;
color: #c60;
margin: 0px 0px 0px 0px;
border: none;
}



/*  HOME PAGE SIGN UP
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.signup {
    width: 685px;
	height: 90px;
	background: #fff url(../images/bg_content_orange.gif) no-repeat;
	padding: 40px 0 0;
	margin: 0px 0px 0px 42px;
}

p a.arrow, a.arrow:visited {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	color: #390;
	background: url(../images/bullet_arrow_red.gif) top left no-repeat;
	padding: 0px 0px 6px 35px;
	padding-right: 5px;
	border: none;
	float: right;
}

p a.arrow:hover {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	color: #f60;
	background: url(../images/bullet_arrow_red.gif) top left no-repeat;
	padding: 0px 0px 6px 35px;
	border: none;
	padding-right: 5px;
	float: right;
}


/*  SIDEBAR CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#sideBar {
	width: 248px;
	float: right;
	margin-left: -249px;
	padding-bottom: 30px;
}


.sideBox {
	background: url(../images/sideDivideSm.gif) no-repeat;
	padding: 0px 0 0 15px;
	margin-top: 16px;
	float: left;
}


.sideBox ul {
	margin: 12px 0 0;
	padding: 0;
	float: left;
}

.sideBox ul li {
	list-style: none;
	font-size: .9em;
	line-height: 1.8em;
	margin: 0;
	padding: 0;
}
p.sideLast {
	clear: left;
	font-size: .9em;
	border-bottom: 1px solid #d5d5da;
	text-align:right;
	padding: 5px 0;
	margin: 0;
	width: 220px;
}

p.sideEnd {
	border: 0;
}
.sideBox p {
	clear: left;
	font-size: .9em;
	margin: 0 0 7px 0;
	line-height: 1.5em;
}


/*  MEMBER LOGIN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.box {
	width:225px;
	height:  180px;
	padding: 0px 0px 0px 2px;
	margin: 10px 0 0px 0px;
	border:none;
	background: url(../images/boxbg_bottom.gif) center bottom no-repeat; position:relative;
}

fieldset {border: none; padding:1px 1px 1px 1px; margin: 1px 1px 1px 1px; font-size: 0.7em; background: none;}
fieldset  label {display: block; color:#666666; margin: 0; padding: 1px 1px 1px 1px;}
fieldset  span { display: block; 	width: 200px;	padding: 1px 1px 1px 1px; }
fieldset  span input { width: 190px;  border: 1px solid #9E9E9E;	padding: 1px 1px 1px 1px; margin:0 0 0 0;}
fieldset  span select { width:190px; padding: 1px 1px 1px 1px; border: 1px solid #9E9E9E; }

.clear	{
	float: left;
}

.sideBox #form_btn	{
	margin: 10px 0px 10px 5px;
}

span.icon_forgot_pass	{
	background: url(../images/icon_forgot_password.gif) no-repeat;
	padding: 0px 0px 4px 20px;
	font-size: 11px;
	margin: 0px 0px 0px 10px;
}

span.icon_forgot_pass a {
	color: #360;
	border-color: #88b536;
}

span.icon_forgot_pass a:hover {
	color: #f90;
	border-color: #f90;
}


/*  SIDEBAR COMMUNITY COMMENTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#links {
	margin-top: -10px;
}

#links ul {
	list-style-type: none;
	width: 230px;
}

#links li {
	border-bottom: 1px dotted #999;
	border-width: 1px 0;
	margin: 0px 0
}

#links li a {
	/*color: #390;*/
	color: #060;
	display: block;
	font: bold 90% trebuchet ms, Arial, Helvetica, sans-serif;
	padding: 5px;
	text-decoration: none;
	border: none;
}

* html #links li a {
	width: 210px;
}

#links li a:hover {
	background: #ffffcc;
	color: #f90;
}

#links a em {
	color: #333;
	display: block;
	font: normal 90% trebuchet ms, Arial, Helvetica, sans-serif;
	line-height: 125%;
	width:220px;
	overflow: hidden;
}

#links a span {
	color: #125F15;
	font: normal 70% lucida, Arial, Helvetica, sans-serif;
	line-height: 150%;
}

/* HEADER IMAGE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#headerimg {
	width: 711px;
	height: 168px;
	margin: 0 auto;
}

/*JOIN BUTTON*/
a.button {
	background: url(../images/button-bg.jpg) no-repeat left top;
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: bold;
	height: 42px;
	line-height: 39px;
	text-align: center;
	text-decoration: none;
	width: 147px;
	border: none;
	margin: 10px 0 0 280px;
}
a.button:hover {
	background-position: 0% -42px;
	text-decoration: none;
	border: none;
	color: #fff;
}

a.button:visited	{
	color: #fff;
	border: none;
}




/* FORM STYLES
-------------------------*/
.formwrapper {
	background: #d0dfea;
	margin: 0px 0px 0px 10px;
	padding: 5px 10px;

}

.formwrapper .headertext {
	color:#000000;
	background:#FF9900 none repeat scroll 0%;
	padding 3px;
	font-size:0.9em;
	line-height:1.4em;
}

.inputform {
	margin: 10px 0;
}

.inputform input	{
	padding: 3px;
}

a span.bg_org {
	background: #f90;
	padding: 3px;
	color: #fff;
}

a:hover span.bg_org {
	background: #390;
	padding: 3px;
	color: #fff;
}

/* checkbox styles */
.checkinput label {
	font: bold 12px 'Trebuchet MS', 'arial', sans-serif;
	color: #000;
}

.eachinput label,
.eachinput .fieldheader {
	display: block;
	font: bold 12px 'Trebuchet MS', 'arial', sans-serif;
	color: #000;
	padding: 0 0 2px 0;
	border-bottom: 1px dotted #859bac;
	margin: 3px 0 3px 0;
}

.eachinput input, select, textarea {
	font: 12px 'Trebuchet MS', 'arial', sans-serif;
	margin: 2px 0 5px 0;
}

.eachinput .setting {
	font-size:0.8em;
	line-height:1.3em;
	margin:0;
}

.red {
	color: red;
	font-weight: bold;
}

.green {
	color: green;
	font-weight: bold;
}

.eachinput #id_email,
.eachinput #id_email2,
.eachinput #id_city,
.eachinput #id_password,
.eachinput #id_password2,
.eachinput #id_other {
	width: 250px;
}

.eachinput #id_birthyear {
	width: 40px;
}

.eachinput #id_zip {
	width: 60px;
}

.eachinput #id_additional_comments,
.eachinput #id_feedback {
	width: 100%;
	height: 150px;
}

.errorlist {
	list-style-type: none;
	padding: 0;
	margin: 0px 0px 10px 0px;
}

.errorlist li	{
	background: url(../images/error.png) no-repeat 0px 2px;
	padding: 0px 0px 5px 20px;
	font-size: 0.9em;
	line-height: 1.4em;
}

.submitbutton {
	margin: 10px 0 0;
	text-align: center;
}

.errors {
	color: #FFFFFF;
	background-color: red;
	border: 1px solid #FFFFFF;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 5px 10px;
}

/* PROFILE LINKS
-------------------------*/
.formwrapper .profile_links {
	margin: 0;
	font-size: 0.7em;
	text-align: right;
}

span.current	{
	background: #f90;
	padding: 3px;
}

blockquote {
	color: #666b75;
	padding: 10px;
	background: #F5FAFA url(../images/icon-quotes.gif) no-repeat 8px 8px;
	width: 450px;
	margin: 15px 0px 15px 30px;
	border: 1px dotted #C1DAD7;
}

.downloadinfo {
	margin: 10px 0 0;
}

.downloadinfo ol,
.sysreqs {
	font-size: 0.8em;
	padding: 0;
	margin: 0px 0px 0px 31px;
}

/* WINNERS TABLE
-------------------------*/

#winners {
	width: 490px;
	padding: 0;
	margin: 0px 0px 0px 20px;
	font-size: 0.9em;
	line-height: 1.3em;
}

td {
	border-right: none;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #000;
}

td.alt {
	background: #F5FAFA;
	color: #000;
}

/* SURVEY MANAGEMENT TABLE */
#survey_management_table tr th { text-align:left;padding:6px 6px 0px 12px;font-size:.8em; }
#survey_management_table tr td { font-size:.7em; }
#survey_management_table tr td span { color:red; }