body { margin: 0; padding: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #454545; background: #f3f3f3; text-align: left; }

/* resets */
html { margin: 0; padding: 0; }
img, a img { border: none; margin: 0; }
form { margin: 0; padding: 0; border: none; }
table, tr, th, td { border-collapse: collapse; letter-spacing: normal; }
h1, h2, h3, h4, h5, h6, p, ul, li, ol, dl, dt, dd { margin: 0; padding: 0; }
	h1 { text-align: left; font-weight: bold; color:#0871a3; font-size:42px; letter-spacing:-2px; }
	h2 { text-align: left; font-weight: bold; color:#767676; font-size:30px; letter-spacing:-1px; }
	h3 { text-align: left; font-weight: bold; color:#767676; font-size:21px; letter-spacing:-1px; }
	h4 { text-align: left; font-weight: bold; color:#0871a3; font-size:18px; letter-spacing:-1px; text-decoration: none; }
	h5 { text-align: left; font-weight: bold; color:#0871a3; font-size:14px; text-decoration: none; }
   h5 a { text-decoration: none; }
   h5 a:hover { text-decoration: underline; }
ul, li { list-style: none; }
input[type="submit"] { font-size: 24px; cursor: pointer; }
hr { background: #999; height: 1px; border: 0; }

/* using <br class="clearing" /> to clear floats */
.clearing { clear: both; margin: 0; padding: 0; font-size: 1px; line-height: 0px; height: 0; }

a { text-decoration: underline; outline: none; color: #18479b; }
a:hover { color: #333; }
/* a:visited { color: #717171; } */

#center { width:100%; }

/* header */
#header { color: #fff; margin:0 auto; position: relative; width: 1158px; height: 216px; background: url(/static/images/header_bg.gif) top left no-repeat; }
#header input { font-size: 12px; }
#login { position:absolute;top:42px;right:120px; }
#login input { border: 3px solid #5abde7; margin-right: 10px; color: #666; padding: 4px; }
#login input.submit { height: 39px; width: 78px; border: 0; background: url(/static/images/btn_signup.gif) top left no-repeat; margin-bottom: -12px; }
*:first-child+html #login input.submit { margin-bottom: -6px; }

/* footer */
#footer { position: relative; z-index: 4; text-align: center; padding-top: 55px; color: #fff; font-weight: bold; font-size: 12px; }
#footer a { text-decoration: none; color: #fff; margin: 0 10px; }
#footer div { padding-top: 10px; clear: both; }

/* ajax loader */
#loader { z-index: 1000; border: 8px solid #a4e53d; border-top: 0; position: fixed; bottom: -65px; left: 100px; width: 130px; }
#loader span { display: block; font-size: 18px; padding: 5px 10px 10px 30px; font-weight: bold; color: #999; background: url(/static/images/ajax-loader.gif) 8px 8px no-repeat #fff; }
#loader img { margin-left:-8px; margin-top:-8px; }

/* containers */
#container { margin:0 auto; position:relative; width: 1158px; background: url(/static/images/content_middle.gif) top left repeat-y; padding-bottom: 60px; }
#bubble { position:relative;z-index:1;padding:0 50px; background: url(/static/images/bubble_middle.gif) 50px 0px repeat-y; }
#bubble_stem { position: absolute; top: 118px; left: 490px; z-index: 5; zoom: 1; }
#content { position:relative;z-index:3;padding:10px 80px; min-height: 250px; }

/* general content styles */
div.info { font-size: 16px; color: #0871a3; background: #cfeaf8 url(/static/images/icon_magnify.png) 8px 10px no-repeat; border: 1px solid #0871a3; padding: 10px 10px 10px 30px; margin: 10px 0; }
div.error { font-size: 16px; color: #aa2d2d; background: #f4d3d3 url(/static/images/icon_exclamationSm.png) 12px 10px no-repeat; border: 1px solid #aa2d2d; padding: 10px 10px 10px 30px; margin: 10px 0; }
div.admin { font-size: 16px; color: #ed6c40; background: #ffede4 url(/static/images/icon_settingsSm.png) 8px 10px no-repeat; border: 1px solid #ed6c40; padding: 10px 10px 10px 30px; margin: 10px 0; }
div.success { font-size: 16px; color: #719f27; background: #e3efd1 url(/static/images/ico_joy/001_18.png) 8px 10px no-repeat; border: 1px solid #719F27; padding: 10px 10px 10px 40px; margin: 10px 0 20px; }
	.success h3 { color: #719F27; }

.icon.small { width: 15px; margin: 0 2px -3px 0; }
div.no_icon { background-image: none; padding: 10px; }
td div.admin, td div.info, td div.error { margin: 0; }
#tooltip { background: #cfeaf8; border: 1px solid #0871a3; color: #0871a3; padding: 10px; position:absolute; font-size: 12px; font-family: Arial; text-align: left; z-index: 10000; max-width: 300px; }
img.help { cursor: help; margin-bottom: -3px; }
.breadcrumb { margin: 0 0 10px 0; font-style: italic; }

.static_content { font-size: 17px; }
.static_content li { margin-bottom: 20px; list-style-type: disc; margin-left: 40px; } 
.static_content p { margin-bottom: 20px; }
.static_content li strong { display: block; }
.static_content h3 { color: #0871A3; }

.note { font-style: italic; color: #aaa; font-size: 12px; }
.big { font-size: 18px; font-weight: bold; }

input.error, textarea.error { background: #f4d3d3; border: 1px solid #aa2d2d; }
.hidden { display: none; }

/* form styles */
table.form { font-size: 18px; }
td.label { text-align: right; color: #666; }
td.label.required { font-weight: bold; color: #333; }
input { font-size: 18px; }
textarea { font-size:18px; font-family: Arial; }
select { font-size: 14px; padding: 4px 8px; }
div.admin td.label { color: #ed6c40; }

/* table display styles */
table.display { font-size: 12px; margin: 10px 0 20px; clear: both; width: 100%;}
	table.display.half { width: 50%;}
table.display.internal th { color: #0871a3; background: #efefef; border: 1px solid #ddd; }
table.display.internal td { background: #fff; border: 1px solid #ddd; }
table.display th { color: #0871a3; background: #fff url(/static/images/th_bg.gif) top left repeat-x; border: 1px solid #ddd; }
	table.display th.type, table.display th.time, table.display th.actions { text-align: center; }
table.display tr { vertical-align: top; }
table.display tr td { border: 1px solid #ddd; }
table.display tr:hover { background: #E2F3FB; }
table.display td.name { font-size: 14px; font-weight: bold; }
table.display td.cell { font-size: 14px; font-weight: bold; width: 100px; }
table.display td.question { font-size: 14px; font-weight: bold; }
table.display td.time { width: 80px; text-align: center; }
table.display td.actions { width: 150px; text-align: center; }
table.display td.actions a, table.display td a { display: block; text-decoration: none; }
table.display td.actions a:hover, table.display td a:hover { text-decoration: underline; }
table.display td.responses {  }
table.display td.description {  }
table.display .data { text-align: center; }
table.display td.keywords {  }
table.display td.label { font-weight: bold; }
table.display td h1 { font-size: 16px; letter-spacing: -1px; }

tr.responses_container { display: none; }
tr.responses_container:hover { background: transparent !important; }
.response_tally { font-weight: normal; font-size: 11px; display: none; }

/* table.large.  all web 2.0-y */
table.large { font-size: 20px; text-align:center; }
table.large td { min-width: 150px; }
table.large tr { vertical-align: top; }
table.large strong { display:block; }
table.large em { font-style: normal; color: #999; }

/* homepage */
table.homepage_promos {  }
table.homepage_promos td h4 { background:url(/static/images/homepage/chevron.gif) 15px 0px no-repeat;padding:0 0 10px 50px; }
table.homepage_promos td div { color:#0871a3;font-size:12px;margin-bottom:10px;margin-left:17px;padding-bottom:0;padding-top:0;width:160px;height:40px; }

/* user home */
#welcome_stats { right: 80px; top: 20px; width: 250px; }
.user_action { margin-top: 30px; width: 420px; float: left; font-size: 16px; }
.user_action h2 { color: #0871A3; font-size: 22px; padding: 0 2px; }
.user_action h3 { color: #0871A3; font-size: 18px; display: inline; }

/* actionable links */
h3.create { float: right; cursor: pointer; border:1px solid #BFDF8B; background: #E3EFD1; font-size: 16px; font-weight: bold; line-height: 1.1em; list-style-type:none; padding: 7px 5px; text-align:center; width:150px; margin-left: 10px; }
h3.create a { color: #719F27; text-decoration: none; }
h3.create a:hover { text-decoration: underline; }
h3.create.nofloat { float: none; margin: 10px 0; }
h3.create.nofloat.wide { width: 525px; }

/* nav */
#nav { position: absolute; width: 560px; right: 100px; top: 102px; height: 35px; }
#nav li { float: left; padding: 0 20px; text-align: center; text-transform: uppercase; }
#nav li a { text-decoration: none; color: #fff; font-size: 14px; font-weight: bold; }
#nav li a.active { color: #01457c; }

#tab_nav  { width: 720px; position: relative; float:right; }
#tab_nav ul { margin: -65px 99px 0 0; position: absolute; right: 0; z-index: 10; }
#tab_nav ul li { float: left; display: inline; margin: 0 0 0 10px; padding: 0; font-size: 16px; border: 4px solid #a4e53d; background: #fff; }
#tab_nav ul li.active { border-width: 8px; border-bottom: 0; padding: 5px 0; } 
#tab_nav ul li:hover { border-bottom: 0; padding: 5px 0; }
#tab_nav ul li.active a { height: 30px; color: #454545; }
#tab_nav ul li:hover a { height: 30px; border-bottom: 0;  }
#tab_nav ul li a { color: #aaa; text-decoration: none; display: block; padding: 0px 10px 6px; background: #fff; height: 20px; }
#tab_nav ul li a:hover, #tab_nav ul li.navHover a { background: #fff; border-bottom: 0; }

/*#nav { width: 1002px; height: 41px; background: url(../images/bkgd_nav.gif) 0 0 no-repeat; position: relative; }
#nav h2 { font-size: 16px; line-height: 16px; color: #fff; font-weight: bold; position: absolute; top: 13px; left: 21px; }
#nav ul { position: absolute; bottom: 1px; right: 12px; }
#nav ul li { float: left; display: inline; margin: 0 0 0 1px; padding: 0; font-size: 11px; color: #000; border-top: 1px solid #8d8c79; border-left: 1px solid #8d8c79; border-right: 1px solid #8d8c79; background: #d0c5a6; height: 20px; }
#nav ul li a { color: #000; text-decoration: none; display: block; padding: 4px 5px 0 5px; height: 16px; background: #d0c5a6; }
#nav ul li a:hover, #nav ul li.navHover a { background: #fff; border-bottom: 1px solid #fff; }
#nav ul li.navHover, #nav ul li.navHover .hasBackgroundColor { background: #fff !important; }*/



/* carousel styles */
ul#step_controls { height: 75px; clear: both; }
ul#step_controls li { cursor: pointer; border:1px solid #ccc; display:block; float:left; font-size: 16px; font-weight: bold; line-height: 1.1em; height:60px; list-style-type:none; margin-right:20px; padding-top:5px; text-align:center; width:150px; }
ul#step_controls li div { font-size: 12px; font-weight: none; }
ul#step_controls li.active { border: 1px solid #69beeb; background: #cae8f7; }
ul#step_controls li span { width: 150px; text-align: center; text-decoration: none; color: #aaa; }
ul#step_controls li.active span { color: #0871a3; }

#steps { }
#steps tr td .note span { font-weight: bold; font-size: 18px; }
#steps div.info, #mycarousel div.error, #mycarousel div.admin { width: 95%; }
#steps table tr { vertical-align: top; }
#steps li { zoom: 1; }
#steps li.step2, #steps li.step3, #steps li.step4 { display: none; }
#steps li h2 { margin: 10px 0; }


.mycarousel-nav { margin-top: 20px; font-size: 24px; color: #999; }
.mycarousel-nav span { text-decoration: none; color: #999; }
.mycarousel-nav span.next { color: #0871a3; }
.mycarousel-nav span:hover { text-decoration: underline; }