/*
----------------------------------------
Tantek Celik's Whitepsace Reset
     Author:  	Tantek Celik
    Version:  	(CC) 2004 Some Rights Reserved - http://creativecommons.org/licenses/by/2.0
Description:	Resets default styling of common browsers to a common base
----------------------------------------
*/
:link,:visited { text-decoration:none; }
a:hover { text-decoration: underline; }
ul,ol { list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{
	margin:0;
	padding:0;
}
a img,:link img,:visited img, fieldset { border:none; }
address { font-style:normal; }
.clear { clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden; }

/* COLOR PALETTE
blue		1366C3
lavender	88A2D2
yellow		F5D020
green btn	98BF21
*/

body,tr,td,input
{
	font-family: "Arial", Helvetica, Sans-serif;
}
body
{
	background:#88A2D2;
	color:#000;
	font-size:14px;
}
.inner
{
	clear:both;
	width:950px;
	margin:0 auto; 
	position:relative;
}
a { color: #F4C814; }
input.standardbutton, a.standardbutton
{
	background:#98BF21;
	color:#fff;
	font-size: 16px;
	font-weight:bold;
	text-shadow: #678C42 0px 1px;
	padding:5px 10px;
	border:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	margin-left:3px;
	text-align:center;
	cursor:pointer;
}
a.standardbutton:hover,
input.bigbutton:hover,
input.standardbutton:hover
{
	background-color:#7A991A;
}
input.smallbutton,a.smallbutton
{
	font-size:12px;
	padding:5px 10px;
}
h1 { font-size:40px; }
h1.generic { margin-bottom:20px; }
p.extraline { margin-bottom: 40px; }
#container { min-width: 950px; }
div.littleinfo
{
	width:650px;
	padding: 20px 230px 60px 50px;
	font-size:24px;
}
.close_x
{
        border:1px solid #999;
        color: #999;
        padding: 0px 4px 1px 4px;
        font-size:12px;
        float:right;
        font-family:verdana;
}
#header
{
	background:#1366C3;
	height:68px;
	position:relative;
	z-index:90000;
	margin-bottom:20px;
}
#header a
{
	display:block;
	background:url('../img/logo.gif') no-repeat top left;
	width:333px;
	height:68px;
	float:left;
	text-indent:-99999px;
	overflow:hidden;
}
/* --------------------------------- FOOTER ------------------------------------- */
#footer
{
	background:#dddddd;
	margin-top:30px;
	height:70px;
	color:black;
	border-top:1px solid #1366C3;
}
#footer .innerfooter
{
	width:950px;
	padding: 7px 10px;
	margin:0 auto; 
	position:relative;
}
#footer #misc { float:left; }
#footer #footernavigation { float:right; }
#footer #misc li.copy
{
	float:left;
	font-size:11px;
	margin-right:50px;
}
#footer #misc li.special
{
	float:left;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-0.9px;
}
#footer #misc a.special { }
#footer #footernavigation li
{
	float:left;
	font-size:11px;
	font-weight:bold;
	margin-right: 12px;
}
#footer #footernavigation li.copy { font-weight:100; }
#footer a
{
	color: #333;
	padding: 0 8px 0 0;
}
#sayhired
{
	padding-top:5px;
	font-size:20px;
	font-weight:bold;
	display:block;
	clear: both;
	overflow: hidden;
	text-align:right;
}
#sayhired a { color:black; }

/*-------------------------------------------------------------------------* INDEX *-------------------------------------*/
#leftside
{
	float:left;
	width:650px;
}
#rightside
{
	float:right;
	width:270px;
	margin:0 0 0 10px;
	color:black;
	font-weight:600;
}
#tagline h1
{
	color:white; 
	margin-bottom:20px;
	margin-left:30px;
}
#quotes {margin-top:20px;}
#quotes blockquote
{
	font-size:40px;
	color:#A2B5D9;
	margin-bottom:15px;
	font-weight:bold;
}
blockquote
{
	position: relative;
	text-indent: 0.7em;
}
.bqstart, .bqend { font-size: 140%; }
/* apply IE specific rules first */
.bqstart
{
	text-indent: 0;
	margin: -0.6em 0 -2em 0;
	float: left;
}
blockquote > .bqstart
{
	/* add extra non-ie rules */
	position: absolute;
	top: -0.2em;
	left: 0;
	/* remove IE specific rules */
	float: none;
	margin: 0;
}
.bqend
{
	position: absolute;
	margin-top: -0.6em;
	margin-left:0.05em;
	text-indent: 0;
}
 blockquote > .bqend
{
	margin-top: -0.08em;
}
ul#points
{
	margin-top:20px;
}
ul#points li
{
	background-image: url('../img/blt.gif');
	background-position: 0px 0 0 100px;
	background-repeat: no-repeat;
	padding:0px 0 24px 43px;
	font-size:23px;
	color:#fff;
}
#rightside #signupform
{
	background:#ffffff;
	margin-top:10px;
	padding:10px 15px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
#rightside #disclaimer
{
	font-weight:100;
	margin-bottom:12px;
	font-size:13px;
	color:#999;
}
.form .checkbox { margin-right:10px; }
.nonbold { font-weight:100; }
#rightside #signupform h2 { color:#F5D020; font-size:24px; }
table.form td { padding:10px 10px 0 0; }
.form p { margin-bottom:10px; }
#signupbutton { padding-top:10px; }
.textinput, textarea
{
	border: 1px solid #F5D020;
	padding: 1px;
	display:block;
}
.textinput, textarea, #signupbutton
{
	width:230px;
}
textarea
{
	margin-top:5px;
}
#lessfields { display:none; }

/* SIGN UP -----------------------------------------------------*/
.validate-error
{
        display:block;
        border:solid 1px #fff;
        background:#eee;
        color:#000;
        padding:10px;
        margin:5px 0px 10px 0px;
        font-size:12px;
        font-weight:100;
}
p.special
{
	border: 1px solid black;
	padding: 4px;
	margin-bottom:15px;
	background: #ddd;
}
p.special a
{
	color:#000;
	text-decoration:underline;
}

/* GENERAL -----------------------------------------------------*/
#main-content
{
	background:#fff;
	margin-bottom:60px;
	padding:10px 15px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	min-height:400px;
}

/*-------------------------------------------------------------------------* INSTRUCTIONS *-------------------------------------*/
.pin { color:#88A2D2; font-weight:bold; }
/*-------------------------------------------------------------------------* DASHBOARDS *-------------------------------------*/
#main-content-dashboard,
#main-content-feedback
{
	background:#fff;
	float:left;
	width:450px;
	padding:10px 20px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-bottomleft:4px;
}
#sidebar-dashboard,
#sidebar-feedback
{
	float:right;
	width:420px;
	background:#fff;
	padding:10px 20px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomright:4px;
}
#question
{
	border: 1px solid #000000;
	margin-bottom:30px;
	padding:10px;
	font-size:12px;
}
#question h3,
#sidebar-feedback h3.feedback
{
	color:#1366C3;
	font-size:16px;
}
#question h3
{
	background:#fff;
	font-weight:bold;
	margin: -20px 0 3px 0px;
	padding-left:3px;
}
#question a.downloadlink
{
	float:right;
	font-size:10px;
	color:#999999;
	text-decoration: underline;	
	margin-left:2px;
}
#main-content,#sidebar
{
	margin-bottom:60px;
	min-height:300px;
	color: black;
}
h2.dashboard-header
{
	background: #F5D020;
	height:35px;
	color:#fff;
	font-weight:bold;
	font-size:20px;
	text-indent: 20px;
	line-height:35px;
	margin-bottom:20px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
#allquestions { width:500px; }
#question #feedback { margin-top:25px; }
#question #feedback ul li
{
	padding:0px 0 10px 25px;
}
#question #feedback li.great
{
	background-image: url('../img/rating.smile.gif');
	background-position: 0px 0 0 0px;
	background-repeat: no-repeat;
}
#question #feedback li.stupid
{
	background-image: url('../img/rating.frown.gif');
	background-position: 0px 0 0 0px;
	background-repeat: no-repeat;
}
#question #feedback li.meh
{
	background-image: url('../img/rating.neutral.gif');
	background-position: 0px 0 0 0px;
	background-repeat: no-repeat;
}
#expert
{
	margin-top:30px;
}
#share,#expert { margin-left:30px; }
#share h3
{
	color:#E0B815;
	font-size:16px;
	margin-bottom:10px;
}
#share p, #expert p,
#expert_listing li
{
	font-size:12px;
}
#share p, #expert p
{
	margin-bottom:10px;
}
#expert_listing li
{
	margin-top:10px;
}
#expert div.underbutton
{
	padding:5px 5px 5px 5px;
	border: 1px solid #98BF21;
	margin-bottom:15px;
}
#expert_listing li
{
	margin-left:10px;
}
#share a { color: #1366C3; }
#share #fbbutton { margin-top:10px; }
#share .sharebtn { margin:0px 5px 0 5px; border:1px solid #1366C3; }
#expert_header_button
{
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
}
#expert_final_button
{
	width:150px;
	position:relative;
	top:15px;
	left:220px;
}
#expert a.linkedin_link
{
	font-weight:bold;
	color:#1366C3;
}
#expert a.who_link
{
	color:#000;
	text-decoration:underline;
}
span.expert_bio
{
	background:#eee;
	padding:4px;
}

/* -------------------------- FEEDBACK --------------------------------------------*/
#feedbackpagecontent
{
	padding-top:12px;
}
#feedbackpagecontent h3.feedback
{
	margin-top:10px;
}
#sidebar-feedback
{
	padding-right:90px;
	width:350px;
}
#sidebar-feedback h3
{
	color:#F5D020;
	font-size:24px;
	font-weight:bold;
	margin-bottom:15px;
}
#feedbackall_input,
#sidebar-feedback input.feedback_provider_input
{
	width:295px;
	margin-bottom:20px;
}
#feedbackall_input
{
	height:100px;
}
#feedbackpagecontent textarea
{
	margin-top:0px;
	width:300px;
	height:70px;
}
#feedbacknotes td.ratings
{
	padding-top:33px;
	padding-left:10px;
}
p.feedback_instructions
{
	padding-bottom:15px;
}
#sendfeedbackbutton
{
	position:relative;
	left:152px;
	margin-bottom:20px;
}
#last_comment
{
	padding:10px;
}
#last_comment h3
{
	background:#1366C3;
	font-weight:bold;
	color:#ffffff;
	font-size:20px;
	padding:5px;
	width:150px;
}
#last_comment ul
{
	border:1px solid #1366C3;
	padding:8px;
}

#last_comment ul li
{
	padding:5px 5px;
	font-size:14px;
}
#last_comment ul li.gray
{
	background:#eeeeee;
}