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


 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

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

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em,  q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
caption,{text-align:left;font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:3em;font-weight:bold;}
h2 {font-size:2em;font-weight:bold;}
h3 {font-size:1.5em;font-weight:bold;}
h4 {font-size:1.2em;font-weight:bold;}
h5 {font-size:1em;font-weight:bold;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0;}
a {text-decoration:none;}
blockquote {margin:1.5em;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0;}
ul {list-style-type:none;}
ol {list-style-type:none;}
dl {margin:0;}
dl dt {font-weight:bold;}
dd {margin: 0;}
th {font-weight:bold;}
tfoot {font-style:italic;}
.small {font-size: 80%;}
.large {font-size: 120%;}
.hide {display:none;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

.error, .notice, .success {padding:.8em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-65 {width: 240px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin-right:0;}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 2090;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 2100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('/images/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 2090;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 2100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 2100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 2100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('/images/fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 2181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 2111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 2112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('/images/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('/images/fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 2070;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 2070;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	width: 100%;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	width: 100%;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 2100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('/images/fancybox/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('/images/fancybox/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('/images/fancybox/fancy_title_right.png') repeat-x;
}

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #e17009; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fad42e; background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_469bdd_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_469bdd_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_d8e7f3_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_6da8d5_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_217bc0_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_f9bd01_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/*
 * YouthSays.com
 * version 4.00
 * Defines General Style for the entire application (YouthSays version 4.00)
 * Maintained by some loser who needs a weekend
*/

/* Refactored */
body {
	font:11px/1 Verdana, Arial,sans-serif;
	background: url(../images/bgheader.gif) repeat-x scroll 50% 0;
}
h1, h2, h3, h4, h5, h6	{font-family: Arial, sans-serif; font-weight: bold;}
a									{text-decoration: none; color:#003366;}
a:hover						{text-decoration: underline;}
ul, ol						{list-style-type: none; margin: 0; padding: 0;}


/* old ======= */

/* Flash error messages */
#flash 													{width: 100%; position:fixed; z-index:2000; font:bold 16px/40px "Arial"; text-align:left;}
.flashCloseBtn 									{position:relative; float:right; width:35px; margin-right:30px;  cursor:pointer; font-size:14px; padding:0 0 0 12px; background:transparent url(/images/x.png) no-repeat 0 53%;}
#ys4-landing										{margin: 20px 0px;}
.home-top-btn, .global-btn			{font:11px/24px Verdana, Arial,sans-serif; text-shadow:#227b12 1px 1px 0px;}
.global-btn 										{line-height:1;}
a.home-top-btn:visited 					{color:#fff;}
.home-top-btn										{display:block; height:26px; width:62px; text-align:center; overflow:hidden; float:right;	background:transparent url(/images/home-btn.png) no-repeat 0 0; color:#fff; margin:10px 0 0 5px;}
.home-top-btn:hover 						{color:#fff; background-position:0px -26px;}
.global-btn-na, .global-btn			{cursor:pointer; border:0px none; display:block; height:26px; width:62px; overflow:hidden; float:right; text-align:center; background:transparent url(/images/home-btn.png) no-repeat 0 0; color:#fff;}
.global-btn-na:hover, .global-btn:hover	{color:#fff; background-position:0px -26px;}
.global-btn-na 									{float:none;}
.header-topwrap                 {position: relative;}

/* Global Navigation Bar (top) */
#home-nav 											{margin:10px 10px 0 0; float:left; height:25px;}
#home-nav li 										{text-transform:uppercase; font:bold 12px/1 Arial, sans-serif;	float:left; margin:0 2px 0 0;}
#home-nav li a 									{display:block; color:#fff; padding:8px 16px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; background-color:#58a1c4;}
#home-nav li a:hover 						{background-color:#61afd5; color:#fff;}
#home-nav li.nav-admin a 				{background-color:#9e0b0f;}
#home-nav li.nav-admin a:hover 	{background-color:#af191d;}
#home-nav li.current a 					{background:#A4CCDF repeat-x 0 100%; color:#323232;}
#home-nav li.current a:hover 		{color:#000;}


#home-nav1 											{margin:10px 10px 0 0; float:left; height:25px;}
#home-nav1 li 										{text-transform:uppercase; font:bold 12px/1 Arial, sans-serif;	float:left; margin:0 2px 0 0;}
#home-nav1 li a 									{display:block; color:#fff; padding:8px 16px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; background-color:#58a1c4;}
#home-nav1 li a:hover 						{background-color:#61afd5; color:#fff;}
#home-nav1 li.nav-admin a 				{background-color:#9e0b0f;}
#home-nav1 li.nav-admin a:hover 	{background-color:#af191d;}
#home-nav1 li.current a 					{background:#fff url(/images/curtab-bg.png) repeat-x 0 100%; color:#323232;}
#home-nav1 li.current a:hover 		{color:#000;}

/* Global shared styles */
p.center 												{text-align:center;}

#landing-page a:hover	img				{background: #5cc0da;}

.youthanswersbox 							{position:relative; background-color:#e3eff3; -moz-border-radius:6px; -webkit-border-radius:6px; padding:15px;}
.youthquestions:hover					{background-color:#c6dfe6; cursor:pointer;}
.announcement									{margin: 25px 0 10px 0; background: #fff url(/images/emblem-important.png) no-repeat 10px 10px; -moz-border-radius: 6px; -webkit-border-radius:6px; padding: 15px;}
.announcement h2							{padding: 1px 0 0 40px; color: #666; font-size: 16px;}
.announcement h4							{padding: 0 0 0 40px; color: #444; font-size: 20px;}
.announcement p								{margin: 10px 0 0 0;padding:0 0 0 40px; line-height: 1.5;}
.announcement-close						{text-align: right; text-transform: uppercase; font-size: 10px;}
.announcement-close a					{background: transparent url(/images/x.png) no-repeat 0 50%; padding-left: 12px;}

/* sidebar - typically holds the userCard */
.ya-sidebar 										{width:195px; margin:15px 0 0 0;}
.ya-sidebar-title 							{position:relative; z-index:1000; color:#fff; text-align:center; font:bold 14px/30px "Arial", sans-serif; width:165px; height:37px;	background:transparent url(/images/sidebar-bubble.png) no-repeat scroll 0 0;}
.userCard 											{cursor:pointer; position:relative; width:195px; -opera-border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#262626; color:#e7e7e7;}
.userEditProfile 								{display:none; -moz-border-radius-topright:6px; -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; line-height:18px; position:absolute; top:0; right:0; padding:6px 0 8px 0; background:#505050; width: 195px; text-align: center;}
.userEditProfile a 							{color:#fff;}
.userCard img 									{width:195px;}
.userCardBottom 								{padding:15px; text-align:center;}
.userCardName 									{font:bold 16px/1 "Arial", sans-serif; text-align: center;}
.userCardDemo 									{font:bold 11px/1 "Verdana", sans-serif;}
.userCardBottom em 							{font:bold 14px/1 "Verdana", sans-serif;}
.userCardVital 									{line-height:1.3;}
.userCardVital a 								{color:#429CB4;}
.userCardVital a:hover 					{color:#fff;}
.userCardPoints 								{margin:10px 0px; padding:10px 0px; background-color:#505050; -moz-border-radius:6px; -webkit-border-radius:6px;}
.userCardPoints strong 					{font:bold 22px/1 Arial,sans-serif; display:block;}
.userVerify 										{margin:20px 0;}
.Verified, .Unverified 					{padding:20px 0px 20px 18px; font:oblique 14px/1 "Georgia", "Times New Roman", serif;  width:100%;}
.Verified 											{background:transparent url(/images/icon-verified.png) no-repeat scroll 0 50%; color:#6ac2eb;}
.Unverified 										{color:#ffcecf; padding:20px 0px;}
.survey-stats										{margin: 10px 0;}
.survey-stats td								{height: 20px; line-height: 20px;}
.survey-stats .survey-right			{text-align: right; font-weight: bold;}

/* Ticks on user avatars to signify that they are verified */
.userTick												{position:absolute; top:10px; right:20px; width:16px; height:16px; background:transparent url(/images/tick.png) no-repeat scroll 0 0;}
.tickQuestion 									{left:54px; top:54px;}
.tickAnswer 										{left:46px; top:46px;}
.tickComment 										{left:24px; top:24px;}

/* heropush */
.heropush {float: left; width: 200px;}

.home-news 											{width:450px; float:left; position:relative;}
#quote-news-carousel 						{overflow:hidden; width:200px;}
.quote-news li 									{width:140px; height:165px; margin-top:15px; text-align:center;}

/* features on the post-verify and post-confirm-verify screens */
.wider-feature ul 							{margin:0px auto; width:480px;}
.wider-feature li.or 						{width:50px; float:left; height:400px; line-height:360px; font-size:26px; text-align:center;}

/* Middle Tabs - the tabs that are in the middle (like duh!) */
.mid-nav ul 										{position:relative; z-index:800; margin:0px 0px 0px 15px; height:25px;}
.mid-nav li 										{float:left; margin:0 2px 0 0;}
.mid-nav li a 									{font:bold 12px/1 "Arial",sans-serif; text-transform:uppercase; display:block; color:#fff; padding:8px 16px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; background-color:#58a1c4;}
.mid-nav li a:hover 						{background-color:#61afd5; color:#fff;}
.mid-nav li.current a 					{background-color:#fff; color:#323232;}
.mid-nav li.current a:hover 		{color:#4c9e38;}

/* Youth Answers */
#ya-popup 											{margin:10px 0 0 0; display: none;}
#ya-Q-title 										{font:bold 16px "Arial",sans-serif; color:#999; margin:0; width:590px; height:24px;}
#ya-Q-title:focus 							{color:#404040;}
.ya-Q-left 											{width:665px;}
.ya-Q-right 										{width:665px; margin:15px 0 0 0;}

.mainList li 										{margin:0 0 10px 0;}
.Q-userMeta 											{position:relative; float:left; width:85px; margin:0;}
.Q-userMeta img 								{margin-right:8px; float:left; width:60px; height:60px; padding:2px; border:1px solid #b6b6b6;
						 background-color:#fff;}
.Q-userMeta img:hover 					{border:1px solid #323232;}
.Q-names 												{ font-size: 10px;}
.Q-question 										{float:left; width:380px; margin-right:10px; color:#548a98;}
.Q-question h4 									{font-size:16px; font-weight:bold; margin:0 0 5px 0;}
.Q-question h4 a 								{color:#262626;}
.Q-desc 												{margin:0; line-height:1.3; margin-bottom:10px;}
.Q-info 												{float:right; color:#fff; width:148px;}

.Q-info-answer 									{margin-right:2px; float:left; background-color:#007290; width:38px; height:32px; padding:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.Q-info-comment 								{margin-top:2px; float:right; background-color:#007290; width:52px; height:32px; padding:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.Q-info-comment a 							{color:#fff;}
.Q-info-views 									{margin-right:2px; float:left; background-color:#429cb4; width:38px; height:32px; padding:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.Q-info-likes 									{float:left; background-color:#56bcd7; width:38px; height:32px; padding:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.Q-info-likes-wide 							{margin-top:2px; float:right; background-color:#56bcd7; width:52px; height:32px; padding:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}

/* Questions & Answers - New One */
#ya-questionPage h2 						{font:bold 24px/1.2 "Arial",sans-serif; color:#40a6c0; margin-bottom:20px;}
#ya-questionPage p 							{font:normal 14px/1.4 "Verdana",sans-serif; color:#548a98;}
.q-box 													{font-size:9px; text-align:center; padding:6px 4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.q-box strong 									{display:block; font-size:18px; font-weight:normal;}
.q-darkblue 										{background:#007290; float:left; margin-right:2px; width:40px;}
.q-midblue 											{background:#429cb4; float:left; margin-right:2px; width:40px;}
.q-lightblue 										{background:#56bcd7; float:left; margin-right:0px; width:40px;}
.q-doublesize 									{width:80px;}
.q-catwrap 											{margin:0px 0px 20px; color:#548a98;}
.q-metadata											{margin: 0 0 10px 0; color:#262626; font-size: 11px;}
.ya-avatar 											{float:left; width:84px; border-right:1px dotted #c1d4d9;}
.ya-avatar img 									{padding:4px; border:1px solid #ddd; background-color:#fff;}
.ya-form 												{float:left; position:relative; width:540px; margin-left:15px;}
.askForm-catlist li 						{padding:2px 4px 4px; margin:0 0 2px; float:left; width:210px;}
li.askForm-selected 						{background:#eff6f8;}
h3.subsection {padding:0px 15px; color:#40a6c0; font-size:26px; margin:20px 0 0 0; font-weight:bold;}
.cat-chooser {font:bold 18px/30px "Arial",sans-serif; color:#0f7c98; padding:0px 15px; margin:20px 0 10px 0;}
.a-usermeta {position:relative; float:left; width:80px; margin:0;}
.a-usermeta img {width:50px; height:50px; padding:2px; border:1px solid #b6b6b6; background-color:#fff;}
.a-usermeta img:hover {border:1px solid #323232;}
.a-names {text-align:left; font-size: 10px;}
.a-info {float:right; color:#fff; width:138px;}
.a-content {float:left; width:380px; margin-right:10px; color:#27515c;}
.a-content {font:12px/1.5 "Verdana","tahoma","arial",sans-serif;}
.a-content p {margin:0 0 10px 0;}
.c-usermeta {position:relative;}
.a-comment {margin:0 0 0 80px;}
.a-comment p {font-size:11px; color:#003366; margin-bottom:5px;}
.a-comment p a {text-decoration:underline; color:#031424;}
.a-comment li {margin:0; border-top:1px solid #b6c7cd; background:#d2e6ec; padding:15px; font:11px/1.5 "Verdana","Arial",sans-serif; color:#548a98;}
.c-usermeta {width:40px; padding:0 10px 0 0; float:left; border-right:1px dotted #c1d4d9; margin:0 15px 0 0;}
.c-usermeta img {padding:2px; border:1px solid #b6b6b6; background:#fff;}
.c-content {float:left; width: 448px;}
.c-wide .c-content {float:left; width: 600px;}
.c-content p {margin:0 0 10px 0;}
.c-form {margin:10px 0 10px 0; position:relative;}
.c-formtext {width:470px; height:30px; float:left; font:12px/1.4 "Verdana","Arial",sans-serif;}
.campaign-comment .c-formtext {width: 520px;}
.comment-content {line-height:1.3; color:#548a98;}
.c-wrap {display:none;}
.c-close-wrap {text-align:right;}
h3.ya-noAnswer {font:bold 22px/1.2 "Arial",sans-serif; text-align:center; color:#606060;}
.ya-questionRight {text-align:center;}
.ya-form h3 {font-size:16px; color:#4b6167; margin:0; padding:0; font-weight:bold;}
.post-msg h3 {font:18px/1.5 "Arial",sans-serif; color:#007290; margin:0 0 15px 0;}
.post-msg h3 a {text-decoration:underline; font-weight:bold; color:#007290;}
.post-msg h3 a:hover {background-color:#fff; color:#323232;}
.post-msg p {margin:0 0 15px 0;}
.ya-questionDesc {width:590px; height:150px; font:12px/1.2 "Verdana","Arial",sans-serif; margin:0;}
a.grey-btn {line-height:24px; text-align:center; margin:10px 0 0 0; background:#ccc url(/images/grey-btn.png) no-repeat 0 0; width:62px; height:26px; display:block; color:#ddd; font-weight:bold;}
a.grey-btn:hover {background-position:0px -26px; color:#fff;}
.form-answer {float:left; width:445px; font:12px/1.5 "Verdana","Arial",sans-serif;}
.form-comment {float:left; width:375px; font:12px/1.5 "Verdana","Arial",sans-serif;}
.comment-btn {float:right;}
.comment-form {position:relative; padding-top:10px;}
.comment-form h4 {margin:0; font-size:16px; font-weight:bold; color:#40a6c0;}
.form-help {color:#007290;}
.form-help a {color:#007290;}


/* Categories and Badges */
.catname {white-space:nowrap; line-height:20px; padding:2px 8px; background-color:#e0ebfe; -moz-border-radius:4px; -webkit-border-radius:4px;}
.catname1 a {color:#007290;}
.catname1:hover, .catname a:hover {color:#fff; background-color:#007290;}

.badges {white-space:nowrap; margin:0 5px 5px 0; display:block; float:left; white-space:nowrap; line-height:24px; padding:4px 8px 4px 34px; border:1px solid #afcbfc; background:#e0ebfe url(/images/medalbig.png) no-repeat scroll 0 -4px; -moz-border-radius:6px; -webkit-border-radius:6px;color:#27515C;}
.badges a{color:#27515C;}

.ya-comments {float:right; width:480px; margin-top:20px;}
.ya-comments li {border-top:1px solid #97b0b9; background-color:#c4dce3; padding:15px; margin-bottom:10px;}
.comment-avatar {position:relative; width:80px; float:left; padding-right:5px; margin-right:10px; border-right:1px dotted #c1d4d9;}
.comment-avatar img {padding:4px; border:1px solid #8dacb4; background-color:#fff;}
.comment-content {width:340px; float:left; margin-left:10px;}
.comment-content a {color:#58a1c4;}

a.btn-answer, .btn-voted, a.btn-process {margin-top:2px; color:#fff; display:block; background:transparent url(/images/btn-biggreen.png) no-repeat scroll 0 0; width:142px; height:31px; line-height:28px; text-align:center;}
a.btn-process {background:transparent url(/images/ajax-loader.gif) no-repeat scroll 50% 50%;}
.btn-voted {background:transparent url(/images/btn-voted.png) no-repeat 0 0;}
a.btn-answer:hover, .btn-voted:hover {background-position:0px -31px;}


.mainList {position:relative; z-index:990; margin-top:0px;}

.bigSelect select {color: #0F7C98; font: bold 18px/1 "Arial",sans-serif; }
.answerSubtitle {margin-right:10px;}

#closeBox {cursor:pointer;}

.ya-questionRight {float:right; width:150px;}
.ya-questionLeft {float:left; width:500px;}
.ya-questionLeft p {margin-bottom:15px;}

/* user profile page specifics */
.profile-links {padding:10px 0px 0; }
.profile-links ul {margin: 10px 0 0;}
.profile-links li {height: 16px; padding: 0 0 0 20px; line-height: 16px;}
.profile-links a {color:#548a98;}
.verify, .facebook, .twitter, .blog {background:transparent url(/images/icons-matrix.png) no-repeat 0 0;}
li.facebook, li.twitter	{padding: 0 0 0 20px; line-height: 16px; margin: 5px 0;}
.verify {background-position:0 -48px; font-size:9px; color:#548a98;}
.twitter {background-position:0 -16px;}
.blog {background-position:0 -32px;}
.profile-about {color:#548a98; font-size:14px; line-height:1.3; margin:0 0 20px 0; overflow: hidden;}
.profile-about p {margin:0 0 10px 0;}
.profile-about a {text-decoration:underline; color:#000033;}

.profile-actions {position:absolute; right:15px; top:0; font:11px/36px "Verdana","Tahoma","Arial",sans-serif;}
.profile-actions a {color:#fff; text-decoration: underline;}
.profile-actions a:hover {text-decoration: underline;}

.errorExplanation {color:#8a1f11; border:1px solid #fbc2c4; background-color:#fbe3e4; padding:20px; margin-bottom:20px;}
.errorExplanation h2 {color:#8a1f11; font-size:16px; margin-bottom:10px;}
.errorExplanation li {background:transparent url(/images/x.png) no-repeat 0 5px; padding:4px 4px 4px 16px;}

.ya-sidebar-users {padding:15px 20px; text-align: left;}
.ya-sidebar-users h4 {font:bold 24px/1.3 "Arial",sans-serif; color:#5cc0da;}
.ya-sidebar-users ul {margin-top:10px;}
.ya-sidebar-users li {margin-bottom:10px; font:9px/1.2 "Verdana","Tahoma","Arial",sans-serif; color:#000000;}
.ya-sidebar-users strong {font:bold 14px/1.2 "Arial",sans-serif; color:#333333;}
.ya-sidebar-users img {border:1px solid #b6b6b6; float:left; padding:4px; width:40px; height:42px; background:#fff; margin-right:5px;}

#footer {background:url(../images/bgfooter.gif) repeat-x; margin:20px 0 0 0; padding:20px 0px; color:#bedbfa;}
#footer a, #footer a:visited {color:#bedbfa;}
#footer a:hover {color:#fff;}
.footer-links {padding:10px 20px; line-height:16px;}
.footer-links img {padding:4px; background-color:#8dbed7;}
.footer-links img:hover {background-color:#fff;}
.footer-left {float:left; width:400px;}
.footer-right {float:right; width:400px; text-align:right;}
.footer-bottomline {border-top:1px solid #74aecc; padding-bottom:0px;}
.footer-topline {border-bottom:1px solid #3e87ad; position: relative; }
.after-content {padding:20px 20px; font:bold 18px/30px "Arial",sans-serif; color:#000000;}


/* Common stuff */
.left {float:left;}
.cright {clear:right;}
.centr {text-align:center;}
p.right {text-align:right;}

.btn-right {position:absolute; bottom:6px; right:0px;}
.processing {background:transparent url(/images/ajax-loader.gif) no-repeat scroll 50% 50%; border:0px none;}
.invisible {display:none;}

.home-seachange {height:180px; font-size:12px; background:#031424 url(/images/home-seachange-bg.jpg) no-repeat scroll 50% 50%; color:#fcfafd;}
.home-seachange p {margin:10px 10px 10px 10px; line-height:1.3;}
.seachange-right {text-align:right;}

.no-bg {background:none;}
.spam-msg {display:none;}

.spam a {font-size:9px; background:transparent url(/images/x.png) no-repeat scroll 0 80%; color:#548a98; padding-left:12px; line-height:13px;}
.spam {margin:5px 5px 0 0; text-align:right; color:#3E87AD; font-size:9px;}
.spam-l {text-align:left; margin:2px 0 0 5px;}

.tnc-page {line-height:1.5; font-size:12px;}
.tnc-page p {margin-bottom:15px;}
.tnc-page ul {list-style-type:circle; padding:0 0 0 30px; margin:0 0 20px 0;}
.tnc-page li {margin-bottom:15px;}
.tnc-page h2, .tnc-page h3, .tnc-page h4 {color:#333; margin-bottom:10px;}
.tnc-page a {font-weight:bold;}

.survey-active {color:#4C9E38; background:#E6EFC2;}
.survey-inactive {color:#8A1F11; background:#FFF6BF;}

/* survey:frontend */
.btn-us {width:70px; float:right;}
.us-icon {float:left; width:40px; padding:0; text-align:center; margin-right:10px;}
.us-icon img {padding:3px; background:#fff; border:1px solid #ddd;}
.us-info {border-left:1px dotted #ddd; float:left; margin-right:10px; width:440px; padding:0 0 0 10px;}
.us-info h4 {font:bold 16px/1 "Arial",sans-serif; color:#4b6167; line-height:1.3;}
.us-info h4 a {color:#4b6167;}
.us-featured {font-size: 10px; text-transform: uppercase; font-weight: normal; background: transparent url(/images/bulb-featured.png) no-repeat 0 50%; height: 15px; line-height: 18px; padding-left: 16px; margin: 0 0 5px 0;}
.us-info p {color:#548a98; line-height:1.3;}
.us-action {float:right; width:110px; text-align:center;}



p.nosurvey {margin-bottom:15px; font:bold 16px/1.3 "Arial",sans-serif; color:#4b6167;}
h4.nosurvey {font:bold 20px/1.3 "Arial",sans-serif; text-align:center; color:#4b6167;}
h4.nosurvey a {color:#4b6167; text-decoration:underline;}

.us-meta {margin:5px 0 0 0;}
.us-meta ul {list-style-type:none; padding:0; margin:0; font-size:9px;}
.us-meta li {padding:0px 0px 0px 18px; float:left; margin:0 25px 0 0;}

.us-metatime, .us-metaquestion, .us-metamoney {color:#556a6f; height:14px; line-height:14px; background:transparent url(/images/survey-icons.png) no-repeat 0 0;}
.us-metaquestion {background-position:0px -14px;}
.us-metatime {background-position:0px -28px;}

.su-dataview {margin:20px 0; font-size:13px; border-collapse:collapse;}
.su-dataview td, .su-dataview th {vertical-align:top; line-height:1.5; padding:10px; border-bottom:1px dotted #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.su-dataview th {background-color:#E0EBFE; color:#4b6167;}
.su-fields {width:200px;}

.quota-form {border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px;}
.quota-form label {width: 150px; display: inline-block;}
.quota-form input[type=text], .quota-form select {width: 150px;}

.caps {text-transform: uppercase;}

.half-left {float:left; margin-right:15px;}
.half-or {color:#4b6167; float:left; width:40px; font:bold 16px/1 "Arial",sans-serif; margin-top:20px;}
.half-right {float:left; margin-right:0px;}
.su-numbers {text-align:center;}



/* new and optimized header */
.header-topleft			{float: left; width: 300px; padding: 10px 0 0 0;}
.header-topright		{float: right; width: 480px;}
.header-wbmsg			{margin-right: 5px; float: right; text-align: right; padding-top: 10px; line-height: 25px; width: 340px; color: #000;}
.header-wbmsg a			{color: #000;}
.header-wbmsg a:hover	{text-decoration: underline;}
#login-box				{display:none; position:relative; padding:15px; width:382px; margin:10px 0 15px 0; float: right;}
#login-box .txtinput	{font-size:14px; color:#999; display:block; float:left; width:150px; height:20px; margin:0 4px 0 0; padding:2px; border:1px solid #61afd5;}
#login-box input:focus	{color:#323232;}

/* The country flags beneath the YouthSays.com logo */
.flags							{text-indent:-9999px; position:absolute; left: 205px; top:10px; width:155px; height:26px; overflow:hidden; background:transparent url('/images/flags.png') no-repeat scroll 0 0;}
.malaysia, .en			{background-position:0 -104px;} .brunei, .bn {background-position:0 0;}
.cambodia, .ca			{background-position:0 -26px;} .indonesia, .id {background-position:0 -52px;}
.laos, .la					{background-position:0 -78px;} .myanmar, .kh {background-position:0 -130px;}
.philippines, .ph		{background-position:0 -156px;} .singapore, .sg {background-position:0 -182px;}
.thailand, .th			{background-position:0 -208px;} .vietnam, .vn {background-position:0 -234px;}

/* global boxes */
.rbox					{-moz-border-radius:8px; -webkit-border-radius:8px;
	position: relative;
	background-color: #FFFFEC;
}
.box-ltblue				{background: #CFEFFC repeat-x 0 0; border: 1px solid #8CDBF8;}
.box-blue				{background: #EEF7FF repeat-x 0 100%; border: 1px solid #e3eff3;}
.box-darkblue			{background: #c9d9de;}
.box-grey				{background: #f1f1f1;}
.box-navy				{background: #FFFFEC ;}
.box-white				{background: #fff url(/images/box-white-bg.png) repeat-x 0 0; border: 1px solid #fff;}
.box-white-border		{background: #fff url(/images/box-white-bg.png) repeat-x 0 0; border: 1px solid #3094ad;}
.box-nhbox				{border: 1px solid #1d6382; background: #3094ad url(/images/bg-dbbox.png) no-repeat 50% 50%; color: #fff; font: normal 14px/1.3 arial, helvetica, sans-serif;}
.box-nhbox p			{margin:0 0 10px;padding:0;}
.box-nhbox a			{color: #fff; font-weight: bold; text-decoration: underline;}
.box-promote      {background: #CAE4F3 url(/images/ys-bg-noclouds.png) repeat-x 0 0; padding: 20px; margin:0; height: 200px;}
.box-page					{background: #CAE4F3 url(/images/ys-bg-noclouds.png) repeat-x 0 0; padding: 20px; margin:0;}
.box-ultrathin		{padding: 10px;}
.box-thin					{padding: 15px;}
.box-normal				{padding: 6px;}
.box-normal2				{padding: 20px;}
.box-wide					{padding: 30px;}
.box-pushdown			{margin-bottom: 15px;}
.box-pushdownabit	{margin-bottom: 8px;}
.box-meta					{color: #fff; float: right;}
.box-notice       {background: #FFA6A6;}
.common-box				{float: left; margin-right: 10px;}
.common-box-last	{float: left; margin-right: 0px;}
.common-box-r			{float: right; margin-right: 0px;}
.common-bar				{margin-bottom: 15px;}
.box-spacing			{margin: 15px 0 20px;}
.box-campaign			{font: normal 14px/1.2 arial, helvetica, sans-serif;}
.box-body					{line-height: 1.3; font-size: 12px;}
.box-body p				{margin: 0 0 15px 0;}
.box-survey				{padding: 10px 0 0;}
.box-side					{}
.box-side p strong	{display: block; text-align: center; font: bold 22px/1 Arial, sans-serif; color: #444;}
.box-side p				{margin: 6px 0; background: #c9d9de; padding: 10px 5px; text-align: center;}
.box-side p.last				{margin-bottom: 0; background: transparent;}

.common-bubble-person	{float: left; margin-right: 15px; width: 80px; text-align: center; font-size: 11px;}
.common-bubble-bubble	{float: right; width: 480px; font: normal 14px arial, helvetica, sans-serif; min-height: 20px; margin:0; color: #444;}
.common-bubble-tip		{width: 21px; height: 17px; position: absolute; top: 12px; left: -16px; z-index: 1200; background:transparent url(/images/ltblue-tip.png) no-repeat scroll 100% 0px;}

/* Global Buttons. Size - big:90px height, Medium:40px height, Small :24px height */
.btn-big {display:block; text-shadow:#227b12 1px 1px 1px; text-align:center; width:125px; font:bold 24px/1 "Arial",sans-serif; color:#fff; cursor:pointer; -moz-border-radius:10px; -webkit-border-radius:10px; border:1px solid #8cd56a; display:block; padding:15px 25px; height:60px; line-height:60px; background:transparent url(/images/btn-sprite.gif) repeat-x scroll 0 0;}
.btn-big:hover, .btn-big:active, .btn-big:focus {color:#fff; background-position:0px -90px;}
.btn-big-disabled, .btn-big-disabled:hover {cursor:default; background-position:0px -180px; border:1px solid #ddd; color:#ccc; text-shadow:#777 1px 1px 1px;}
button.btn-big, input.btn-big {height: 90px; width: auto;}

.btn-med {display:block; text-shadow:#227b12 1px 1px 1px; text-align:center; width:125px; font:bold 16px/1 "Arial",sans-serif; color:#fff; cursor:pointer; -moz-border-radius:6px; -webkit-border-radius:6px; border:1px solid #8cd56a; display:block; padding:10px 20px; height:20px; line-height:20px; background:transparent url(/images/btn-sprite.gif) repeat-x scroll 0 -270px;}
.btn-med:hover, .btn-med:active .btn-med:focus {color:#fff; background-position:0px -310px;}
.btn-med-disabled, .btn-med-disabled:hover {cursor:default; background-position:0px -350px; border:1px solid #ddd; color:#ccc; text-shadow:#777 1px 1px 1px;}
button.btn-med, input.btn-med {height: 40px; width: auto;}

.btn-small {display:block; text-shadow:#227b12 1px 1px 1px; text-align:center; width:125px; font:12px/1 "Verdana","Tahoma","Arial",sans-serif; color:#fff; cursor:pointer; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #8cd56a; padding:4px 15px; height:16px; line-height:16px; background:transparent url(/images/btn-sprite.gif) repeat-x scroll 0 -390px;}
.btn-small:hover, .btn-small:active, .btn-small:focus {color:#fff; background-position:0px -414px;}
.btn-small-disabled, .btn-small-disabled:hover {cursor:default; background-position:0px -438px; border:1px solid #ddd; color:#ccc; text-shadow:#777 1px 1px 1px;}
button.btn-small, input.btn-small {height: 26px; width: auto;}

.btn-small:visited, .btn-big:visited, .btn-med:visited {color:#fff;}
.btn-small:active, .btn-big:active, .btn-med:active {color:#fff;}

.btn-blue {color:#fff; background-color:#40A6C0; padding:4px 8px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.btn-blue:hover {background-color:#fff; color:#404040;}

.btn-right {float: right; margin: 0 10px 5px 0;}
/* Modifiers for Global Button */
.btn-question-vote, .progress-vote {width:116px; margin:2px 0 0 0;}
.btn-answer-vote {width:128px; float:left; margin:2px 0 0 0; font-size:10px; padding:4px 4px;}
.btn-answer-comment {width:50px; float:right; margin:2px 0 0 0; padding:4px; font-size:10px;}
.btn-answer-question {width:80px; padding:2px 4px; height:26px; position:absolute; right:0; bottom:0;}
.btn-question {height:26px; width:65px; float:right; margin-top:1px;}
.btn-question-l {height:26px; line-height:20px; width:65px;}
.btn-fl {float:left; margin-right:4px;}
.btn-fr	{float: right;}
.btn-profile {height:40px; width:180px; padding:10px 0;}
.btn-verify {width:240px; height:40px; margin:0px auto;}
.btn-later {float:right; height:26px; width:180px;}
.btn-title {width:158px; margin:0px auto;}
.btn-comment {padding:4px 5px; width:80px; height:26px; position:absolute; right:0px; bottom:12px;}
.btn-q-answer {width:116px; margin-top:2px;}
.btn-signup {height:40px; padding:10px 0px; margin:0px auto;}
.btn-activate {height: 40px; padding: 10px 0; margin: 15px auto 0; width: 200px;}
.btn-login {height:40px; float:right;}
.btn-verify {height:40px;}
.btn-fpsignup	{-moz-border-radius: 8px; -webkit-border-radius: 8px; width: 140px; height: 60px; font: bold 14px/1.1 "Arial",sans-serif; text-transform: uppercase; padding:0 15px; margin:0; white-space: normal;}
.btn-commonbox	{width: auto;}
.btn-question-vote-p {width:116px; background:transparent url(/images/ajax-loader.gif) no-repeat scroll 50% 50%;}
.btn-answer-vote-p {background:transparent url(/images/ajax-loader.gif) no-repeat scroll 50% 50%; width:128px; float:left; margin:2px 0 0 0; padding:4px 4px;}
.progress-vote {height:26px; background:transparent url(/images/ajax-loader.gif) no-repeat scroll 50% 50%; border:0px none;}

/* new and improved (backward-compatible) headers */
.blueheader {position: relative; z-index: 1200; border: 1px solid #5cc0da; background: #5cc0da url(/images/blueheaderbg.png) repeat-x 0 0; -moz-border-radius: 6px; -webkit-border-radius: 6px;margin-bottom: 5px; color: #fff;}
.blueheader-pad {padding: 20px;}
.blueheader h1 {color: #fff; margin:0; font:bold 32px/50px "Arial",sans-serif; padding: 0px 10px;}
.blueheader h2 {color: #fff; margin:0; font:bold 22px/38px "Arial",sans-serif; padding: 0px 10px;}
.blueheader h3 {color: #fff; margin:0; font:bold 18px/34px "Arial",sans-serif; padding: 0px 8px;}
.blueheader h4 {color: #fff; margin:0; font:bold 16px/32px "Arial",sans-serif; padding: 0px 6px;}
.blueheader h5 {color: #fff; margin:0; font:bold 14px/30px "Arial",sans-serif; padding: 0px 4px;}
.blueheader .ctr {text-align: center;}
.blueheader a {color: #fff;}
.blueheader small {font-size:14px; line-height: 1;}
.bluetip {position: absolute; z-index: 2000; bottom: -10px; right: 20px; width: 14px; height: 10px;background: transparent url(/images/bluetip.png) no-repeat 0 0;}

/* Pagination */
.pagination {padding:5px 0px 0px 0px; text-align:center; font: 12px/1 "Verdana","Arial",sans-serif;}
.pagination .current, .pagination .prev_page, .pagination .next_page, .pagination a
{background:#e3eff3; padding:4px 8px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#003366;}
.pagination a:hover {background:#105CB6; color:#fff;}
.pagination .current {background:#a4c3cd; font-weight:bold;}
.pagination .disabled {background:#eee;}

/* sidebar */
.wrap-195 {width: 195px;}
.campaign-sidebar {margin-bottom: 15px; color: #666;}
.campaign-sidebar a {color: #666; display: block; padding: 0 0 0 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.campaign-sidebar a:hover {background: #58a1c4; color:#fff;}
.icon {padding: 3px 0 3px 22px; background: transparent url(/images/heart.png) no-repeat 0 0;}
.icon-heart {background-position: 6px 6px;}
.icon-clock {background-position: 6px -18px;}
.campaign-sidebar h4 {font: bold 20px/1 "Arial",sans-serif; color: #5cc0da; margin: 0 0 15px 0;}
.campaign-sidebar li {line-height: 20px;}
.campaign-sidebar h5 {background: #eaf6fa; font-weight: bold; padding: 0px 6px; font: bold 11px/20px "Verdana","Arial",sans-serif;-moz-border-radius: 4px; -webkit-border-radius: 4px; margin-top: 10px;}
.campaign-sidebar li ul {margin: 10px 0 0;}
.campaign-sidebar li li {padding: 0 0 0 20px; background: transparent url(/images/spriteicons.png) no-repeat 8px 50%;}
.sidebar-textarea {width: 165px;}

/* Front Page */
.fp-left							{float: left; width: 418px; margin-right: 9px;}
.fp-vertline					{float: left; width: 10px; height: 240px; background: transparent url(/images/vertline.png) no-repeat 50% 50%;}
.fp-left h3						{margin-bottom: 10px;}
.fp-right							{float: right; width: 418px; margin-left: 9px; font-size: 12px;}
#fp-bigtitle					{height: 54px; background: transparent url(/images/itsaboutime.png) no-repeat 50% 50%; text-indent: -9999em; margin: 0 0 10px 0;}
#fp-featurelist			  {padding: 0 0 0 20px;}
#fp-featurelist li		{margin: 0 0 20px; font-size: 12px;}
#fp-featurelist li img {width: 64px; height: 64px; margin-right: 8px; float: left;}
#fp-featurelist h4		{font-size: 18px; line-height: 1; font-weight: bold; padding: 5px 0 5px 0;}
#fp-featurelist a			{text-decoration: none;}
#fp-featurelist a:hover {text-decoration: underline;}
a.btn-fp {font-weight: normal; text-decoration: none; width: 116px; float: right;}
a.btn-fp-med	{width: auto;}
.common-signup-form {float: left; width: 220px; font: normal 16px/24px arial, helvetica, sans-serif; padding: 8px 4px; border: 1px solid #ddd; margin: 1px 10px 0 0;}
.fp-innerbox { padding: 15px; background: #49a1b7 url(/images/fpbox.png) repeat-x 0 100%; margin-top: 20px; border: 1px solid #59b0c6; }
.fp-innerbox li	{margin: 0 0 20px 0;}
.fp-flip-counter	{font-size: 14px; font-weight: bold; padding-top: 10px; margin:0;}
.fp-number-container {float: right; font-size: 24px;}
.fp-flip-number		{font-weight: bold; float: left; padding: 2px 4px; text-align: center; background: #383838; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin-right: 2px;}
.fp-flip-message {margin-left: 10px; width: 260px; float: right;}
.fp-signup		{ width: 350px; position: absolute; bottom: 20px; right:20px;}
.fp-signup input[type="text"] {float: left; margin-right: 15px; width: 180px; font: 14px "Arial",sans-serif; padding: 10px; margin-top: 10px;}
.fp-splitsection	{margin: 10px 0;}
.fp-split-left		{width: 435px; margin:0; padding: 10px 5px 10px 10px; float: left;}
.fp-split-right		{width: 435px; margin:0; padding: 10px 10px 10px 5px; float: right;}
.fp-learnmore p {width: 230px; float: left;}
#fp-video-carousel		{float: left; width: 410px; height: 74px; overflow: hidden; margin: 10px 0;}
#fp-video-carousel li	{float: left; margin: 5px 9px;}
#fp-video-carousel img {width: 64px; height:64px;}
p.fp-subtitle	{font-size: 14px; line-height: 1.3; color: #383838; margin: 10px 0 15px; font-family: Arial, helvetica, sans-serif; padding: 0px 10px;}
.vidPrev				{margin: 10px 0; float: left; display: block; background:transparent url(/images/arrow.png) no-repeat scroll 0px 50%; overflow: hidden; width: 10px; height: 74px; text-indent: -999em;}
.vidNext				{margin: 10px 0; float: left; display: block; background:transparent url(/images/arrow.png) no-repeat scroll -10px 50%; overflow: hidden; width: 10px; height: 74px; text-indent: -999em;}
.video-desc				{margin: 10px 0 0; line-height: 1.4; color: #444;}
.home-sponsors 				{width: 450px;}
#home-brands-carousel		{width:430px; margin:0 auto; padding:0;}
#home-brands-carousel li 	{float:left; width:76px; padding:0 3px 3px; margin:0px; text-align:center; background-color:#fff;}
#home-brands-carousel img	{margin: 0px 0 4px;}
.btn-fp-view				{width: 80px; float: right;}
h2.logo-title img {float: left; margin-right: 2px;}
h2.logo-title {line-height: 20px; font-size: 24px; margin-bottom: 10px;}
h2.white-logo-title {color: #404040; margin-bottom: 15px; font-size: 24px;}
.rewards-media {display: none;}
#youth-rewards h4 {font-size: 16px; margin: 5px 0 10px;}
#youth-rewards p	{margin-bottom: 10px; line-height: 1.4;}

#fp-social-icons { float: right; margin:0px; padding:0; position: absolute; right:0; bottom: 0;}
#fp-social-icons a img {padding: 0; border: 0px none; background: transparent;}

/* Sruvey Pages */
.survey-table-list td {border-bottom: 1px dotted #c9d9de; padding:10px 5px;}
.box-newsurvey:hover {background: #c9d9de; color: #000;}
.box-newsurvey:hover img {opacity: 1;}
.survey-btn			{width: 120px; text-align: center; }
.survey-image		{width: 60px;}
.survey-image-small {width: 30px;}
.survey-reward, .survey-type	{width: 150px; font: bold 18px/1 arial, helvetica, sans-serif; text-transform: uppercase; text-align: center;}
.survey-type		{text-transform: capitalize;}
.survey-type span {text-align: center; font-size: 11px; font-weight: normal; line-height: 30px;}
.survey-info h3		{font-weight: bold; font-size: 20px; margin: 0 0 10px 0; padding:0; line-height:1; font-family: arial, helvetica, sans-serif;}
.btn-takesurvey		{width: 80px;}
.survey-enabled {margin-bottom:10px;}
.survey-disabled {background:#ddd; margin-bottom:10px;}
.survey-closed {color:#666; font:bold 16px/1 "Arial",sans-serif;}
.survey-taken {background: #ddd; color: #666;}
.survey-taken img {opacity: 0.6;}

.survey-width	{width:370px;}

.link-whatisthis	{font-size: 11px; font-weight: normal; margin-top: 4px; margin-bottom: 8px; color: #666;}

.survey-metadata li {color: #666; float: left; margin-right: 20px; background: transparent url(/images/survey-icons.png) no-repeat 0 0; height: 12px; line-height: 12px; padding: 0 0 0 18px;}
li.survey-metatime {background-position: 0 -28px;}

/* campaign pages */
.campaign-supported {padding: 25px 0 0 0; font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.campaign-width {width: 365px;}
.campaign-small-width {width: 320px;}
.campaign-small-width h3 {line-height: 30px; margin:0;}
.campaign-actions {
	position:absolute; right:4px; top:0px; line-height: 20px; font-size: 14px;
}

#campaign-info-table	{font-size: 12px; line-height: 1.7;}
#campaign-info-table td { vertical-align: top; padding: 5px;}
#campaign-info-table h4	{line-height: 1.7; font-size: 14px;}

/* user profile */
.trans-filter	{text-align: right; font-size: 11px; }
#transaction-table {margin: 10px 0; border: 1px solid #ddd; border-bottom: 0px none; border-right: 0px none;}
#transaction-table thead tr {background: #5CC0DA; color: #fff; border-right: 1px solid #ddd;}
#transaction-table td, #transaction-table th {padding: 5px;}
#transaction-table td {border-bottom: 1px solid #ddd; background: #fff; border-right: 1px solid #ddd;}
#transaction-table tr:hover td {background: #888; color: #fff;}
.trans-id {width: 30px; text-align: center; float: left; margin-right: 3px; text-transform: uppercase; font-size: 7px; color: #fff; background: #383838; padding: 2px; font-family: arial, helvetica, sans-serif;}
.trans-cp {}
.trans-cash {background: #598527;}
.trans-prize {background: #9e0b0f;}

#profile-do li {float: left; width: 147px; margin: 4px;}
#profile-do li div {height: 170px; text-align: center; font-size: 12px; border: 1px solid #287689; background-position: bottom center;}
#profile-do li div:hover {cursor: pointer; background-position: 90% 50%;}
.profile-do p {margin-bottom: 10px;}

.profile-info {background: transparent url(/images/info_1.png) no-repeat 0 0; line-height: 20px; padding-left: 28px; height: 24px;}
#profile-notice-action {float: right;}

/* next and previous arrows for brands carousel */
.Spprev	{
	display:block; text-indent:-9999em; overflow:hidden;
	background:transparent url(/images/arrow.png) no-repeat scroll 0 50%; width:10px;
	float:left; overflow:hidden; height:220px; cursor:pointer;
}
.Spnext	{
	display:block; text-indent:-9999em; overflow:hidden;
	background:transparent url(/images/arrow.png) no-repeat scroll -10px 50%; width:10px;
	float:left; overflow:hidden; height:220px; cursor:pointer;
}

/* Global Forms */
.globalform {width: 100%;}
.globalform .narrow {width: 400px;}
.globalform p {margin: 0 0 10px 0;}
.globalform label {display: block;color:#4b6167; font:22px/1 "Calibri","Arial", sans-serif; margin:0 0 2px 0;}
.globalform input[type="text"], .globalform input[type="password"] {
	border:1px solid #e1e1e1; width: 100%;
	padding:2px 0; margin:0; font:22px/1 "Arial", sans-serif; color:#58a1c4;}
.globalform textarea {border:1px solid #e1e1e1; width: 100%; height: 150px;
					  padding:0; margin:0; font:14px/1.2 "Arial", sans-serif; color:#58a1c4;}
.globalform textarea:focus, .globalform input:focus {border:1px solid #b6b6b6; background:#fffab9; color:#323232;}
.formborder {background: #fff; padding: 2px 4px 2px 2px; margin: 0 0 10px 0;}
.auto-expand {height:32px;}

/* Youth Campaigns */
.btn-continue {width: 80px; float: right; font: bold 14px/20px "Arial",sans-serif;}
.form-heading {-moz-border-radius: 6px; -webkit-border-radius: 6px; background: #e3eff3; color: #5cc0da; font: bold 18px/30px "Arial",sans-serif; padding: 4px 16px;}
.form-content {padding: 15px; font: normal 12px/1.2 "Verdana","Arial",sans-serif; color: #548aaa;}
.form-campaign input[type="text"], .form-campaign input[type="password"], .form-campaign textarea
{padding: 4px 0; width: 100%; font: normal 18px/30px "Arial",sans-serif; color: #444; border: 1px solid #d0d7da;}
.form-campaign textarea {height: 100px; font: normal 14px/1.2 "Arial",sans-serif; color: #444;}
.form-campaign label, a.editlink {color: #548aaa; font: normal 16px/20px "Arial",sans-serif;}
a.editlink {float: right; line-height: 30px;}
.form-campaign textarea:focus, .form-campaign input:focus {border:1px solid #b6b6b6; background:#fffab9; color:#323232;}
.form-campaign p {margin: 10px 0 10px 0;}
.form-campaign li {margin-bottom: 5px;}
.form-campaign input.short-field {width: 150px;}
.form-selector {padding: 10px 20px; margin-bottom: 5px;}
.form-selector-child {display: none;}
.form-selector-child label {display: block; width: 200px; float: left;}
.btn-campaign {width: 150px; margin-bottom: 5px; }
.btn-del {width: 60px; margin-top: 2px; background: #af141a; border: 1px solid #9d1419; text-shadow: none; float: right;}
a.red-link	{color: #ed1c24; font-weight: normal;}
.campaign-action, .survey-action {float: right; margin-right:0; width: 100px;}
.campaign-type {width: 100px; font: bold 14px/1 "Arial",Helvetica,sans-serif; text-align: center; padding: 10px 0 0 0;}
.campaign-type span {font: normal 10px/1 Arial, helvetica, sans-serif;}
.campaign-sponsor {width: 80px; font: normal 10px/1 Arial, helvetica, sans-serif; color: #666;}
.campus-sponsor			{width: 200px; text-align:center; padding: 15px 0;}
.campus-sponsor strong	{display: block; font: bold 16px/1 "Arial",sans-serif; color: #222;} 
.campaign-title {width: 500px;}
.campaign-title h3 {font: bold 18px/1.3 arial, helvetica, sans-serif; }
.btn-action {margin: 5px 0 0 0; whitespace: wrap; width: 80px; font: bold 14px/1 "Arial",sans-serif; padding: 10px; text-transform: uppercase; height: 30px;}
.btn-long {width: 230px;}
.btn-fright {float: right;}


.btn-learnmore		{font-weight: bold;}
.common-signup p	{margin: 0 0 5px 0; font: normal 14px arial, helvetica, sans-serif;}
.common-signup h3	{font-weight: bold; margin-bottom: 5px;}
.common-signup form {margin: 0; }
.common-signup input[type=text] {font: normal 16px/1 arial, helvetica, sans-serif; height: 22px; padding: 8px; width: 250px; float: left; margin-right: 10px;}
.common-getlink {width: 680px; height: 108px; background: transparent url(/images/ysman-860.png) no-repeat 0 0; padding: 55px 145px 45px 35px; margin: 0 auto;}
.common-getlink h3	{font: 18px helvetica, arial, sans-serif;}
.common-getlink form {font: normal 22px/1 arial,helvetica,sans-serif; margin: 15px 0 0 0;}
.common-getlink input[type=text] {font: normal 22px/1 arial, helvetica, sans-serif; height: 22px; padding: 4px; width: 250px;}
.btn-get-link {display: inline;}
.common-signup-left {float: left; width: 405px; margin-right: 34px;}
.common-signup-right {float: left; width: 425px;}
.common-userbox {margin: 15px 0 15px 0;}
.common-userbox li {width: 217px; float: left; padding: 5px;}
.common-userbox li img {float: left; margin-right: 8px;}
.common-userbox li:hover {background: #E3EFF3; cursor: pointer; }
.common-feedback {font: bold 14px/1 arial, helvetica, sans-serif;}
.obvious {font-size: 24px; margin-bottom: 10px;}

.common-comments li {line-height: 1.3; font-size: 12px;}
.common-comments li img {float: left; margin-right: 15px;}
.common-comments li span {font-size: 11px; line-height: 1;}

.campaign-hidebtn {float: right; font-size: 11px; padding-right: 12px; background: transparent url(/images/x.png) no-repeat 100% 70%;}
.campaign-meta {line-height: 1.1;}
.campaign-meta h4 {margin-bottom: 5px;}
.campaign-metalinks {margin: 15px 0 0 0;}
.campaign-metalinks a {line-height: 16px;}
.campaign-misclinks {line-height: 1.3;}
.btn-support {width: 240px; text-transform: uppercase; float: right;}

.campaign-bubble {position: relative;}
.btn-addmsg {width: 150px; height: 26px; float: right;}
.btn-long	{width: 220px;}

.campaign-nextsteps li {padding: 0 0 20px 30px; line-height: 1.5;}
.campaign-nextsteps ol {list-style-type: decimal; padding: 5px 30px;}
.campaign-nextsteps ol li {padding: 0;}
.supportmessage-default, .supportmessage-custom {padding: 5px 15px;}
.greyedbox {padding: 5px 15px; background: #eee; border: 1px solid #ccc;}
.supportmessage-custom textarea {font: normal 12px/1.3 verdana,arial, sans-serif; padding: 10px 15px; background: #eee; border: 1px solid #ccc; width: 578px; margin-bottom: 10px;}
.supportmessage-custom textarea:focus {border:1px solid #b6b6b6; background-color:#fffab9; color:#323232;}

.support-link {font: normal 24px/1 arial, helvetica, sans-serif; padding: 15px; text-align: center; border: 1px solid #ccc; margin: 10px 0 0 0;}
.bubble-tip {background:transparent url(/images/bubble-tip.png) no-repeat scroll 100% 0px; width:13px; height:18px; position:absolute; top:22px; left:-13px; z-index:1200;}

a#feedback-client       {width: 60px; text-indent: -9999em; position: fixed; top: 300px; right: -30px; height: 150px; background: transparent url(/images/feedback.png) no-repeat 0px -100px;}
a#feedback-client:hover {right: -25px;}
a#feedback-user         {width: 60px; text-indent: -9999em; position: fixed; top: 200px; right: -30px; height: 100px; background: transparent url(/images/feedback.png) no-repeat 0px 0px;}
a#feedback-user:hover   {right: -25px;}
#feedback-form          {display: none;}
.feedback-bug-wrap      {display: none;}

/* Admin */
.admin-status {margin: 0px 0 0 10px; padding: 10px; font: normal 13px "Helvetica",arial, sans-serif;}
.admin-status dt {	float: left; width: 150px; line-height: 20px; }
.admin-status dd {	line-height: 20px; }
.admin-status dd img { float: left; margin-right: 5px;}

#admin-campaign-table {margin: 10px 0 15px; background: #fff; border: 1px solid #ddd; border-bottom: 0px none; border-collapse: collapse; font-family: Helvetica, Arial, Sans-serif; font-size: 13px;}
#admin-campaign-table th	{text-align: center; color: #eee; background: #5f5f5f; font-style: normal; font-weight: normal;}
#admin-campaign-table td, #admin-campaign-table th {padding: 4px 8px; border-bottom: 1px solid #ddd; border-right: 1px dotted #ddd; vertical-align: top;}
#admin-campaign-table .big-text {color: #666; text-align: center; font-size: 16px; font-weight: bold; vertical-align: middle;}
#admin-campaign-table .admin-campaign-title	{vertical-align: middle;}
#admin-campaign-table .admin-campaign-title	a {font-size: 16px; color: #383838;}
#admin-campaign-table .admin-campaign-title span a {font-size: 12px; font-weight: normal;}
#admin-campaign-table tr:hover td {background: #eee;}
#admin-campaign-table .cell-centered	{text-align: center;}


#admin-campaign-report	{font: normal 13px helvetica, arial, sans-serif; border: 1px solid #bbb; border-collapse: collapse; background: #fff;}
#admin-campaign-report th, #admin-campaign-report td {text-align: center; padding: 4px 8px; border-bottom: 1px solid #bbb; border-right: 1px dotted #bbb;}
.left-thickborder	{border-left: 2px solid #bbb;}
#admin-campaign-report tfoot tr td {background: #eee; font-weight: bold; font-style: normal; border-top: 2px solid #bbb; border-bottom: 4px double #aaa;}
#admin-campaign-report th {color: #fff; background: #666; font-weight: normal; padding: 4px 8px;}
#admin-campaign-report .data-big {font-size: 16px; font-weight: normal;}

#admin-survey-table {margin: 10px 0; border-collapse: collapse; border: 1px solid #bbb; background: #fff; font: normal 13px helvetica, arial, sans-serif;}
#admin-survey-table th, #admin-survey-table td {padding: 4px 8px; font-weight: normal; border-bottom: 1px solid #bbb; border-right: 1px dotted #bbb; vertical-align: top; font-style: normal;}
#admin-survey-table th {color: #fff; background: #666;}
.survey-urls input {color: #666; display: block; width: 100%; font-size: 11px; padding: 4px 0px; margin: 0 0 4px 0; border: 1px solid #bbb;}
.survey-statistics {margin: 5px 0;}
.survey-statistics li {float: left; margin-right: 10px; width: 150px;}
#admin-survey-table td.admin-survey-state {text-align: center; font-weight: bold; font-size: 16px;}
.btn-survey {width: 60px; float: right; margin-top: 2px;}

/*prompt */
.prompt-body {padding-top: 50px;}
.prompt-box {width: 400px; margin: 0px auto; position: relative;}

#post-signup {line-height: 1.3; font: normal 14px helvetica, arial, sans-serif;}
#post-signup ol {padding: 0 0 0 20px; list-style-type: decimal; margin: 10px 0 20px 0;}
#post-signup h3	{padding: 10px 0; text-align: center;}

/*
 * CAMPUS
*/
.campus-wrap	{margin: 20px 0 0;}
.btn-campus-getsponsor	{font: bold 12px/1.1 "Arial",sans-serif; height: 26px; padding: 7px 16px; text-transform: uppercase; width: 160px; float:right;}
.btn-campus-blog		{float:right; width: 200px;}
.campus-heading	{line-height: 40px;}
.ysblog-aggregate		{padding: 0; }
.ysblog-aggregate li	{-moz-border-radius: 8px; margin: 0; line-height: 1.5; float: left; width: 410px; padding: 0px 10px 20px;}
.post-title				{line-height: 24px; font-size: 18px; margin-bottom: 5px;}
.campus-partners		{padding: 10px 0px;}
.campus-partners img	{margin: 5px 10px;}
.campus-user			{width: 70px; float: right; margin:0;}
.heading-left {float:left;}
.about-content	{ width: 700px; margin: 50px auto 20px;}
.list-decimal	{list-style-type:decimal; padding: 0 0 0 30px; font: normal 20px/1.3 Helvetica, arial, sans-serif; }
.list-decimal h3	{font: bold 20px/1.3 Helvetica, arial, sans-serif; color: #444; margin-bottom: 5px;}
.list-decimal li	{margin: 0 0 25px 0;}
.list-roman	{list-style-type:lower-roman; padding: 0 0 0 30px; margin: 10px 0 0 0;}
.list-roman li	{margin: 0 0 10px 0;}
.list-decimal p, .list-roman p, .list-roman li {font: normal 15px/1.5 helvetica, arial, sans-serif; margin-bottom: 10px;}

/*
 * GLOBAL FORMS (new version)
*/
.ys4-forms {margin:0; padding:0;}
.ys4-forms-margin {margin: 15px 0;}
.ys4-forms input[type="text"], .ys4-forms input[type="password"], .ys4-forms select, .ys4-forms-short input[type="text"], .ys4-forms-short input[type="password"], .ys4-forms-short select {
	font: normal 16px/1 "Arial",sans-serif; padding: 4px; border: 1px solid #ddd; color: #444;	width: 350px;
}

.ys4-forms .like-form {font: normal 16px/26px "Arial",sans-serif; color: #444;}
.ys4-forms .short-field {width: 100px;}
.ys4-forms select { width: 360px; }

.ys4-forms-short input[type="text"], .ys4-forms-short input[type="password"], .ys4-forms-short select {
	width: 300px;
}

.ys4-forms-short select { width: 310px; }

.ys4-forms textarea	{
	padding: 4px; width: 350px; border: 1px solid #ddd;	font: 12px/1.3 "Arial",sans-serif; color: #444;
}

.ys4-forms-short textarea	{
	padding: 4px; width: 300px; border: 1px solid #ddd;	font: 12px/1.3 "Arial",sans-serif; color: #444;
}

.ys4-forms .short-select select {width: 100px;}

.ys4-forms input[readonly="readonly"], .ys4-forms select[disabled="disabled"] {background: #e6e6e6; border: 1px solid #ccc; color: #666;}

.ys4-forms .txt-small {height: 100px;}
.ys4-forms .txt-med {height: 150px;}
.ys4-forms .txt-big {height: 200px;}

.ys4-forms fieldset {
	border: 0px none; padding: 20px 0 20px 20px; border-top: 1px solid #ddd;
}
.ys4-forms legend {
	font: bold 14px/1 "Arial",sans-serif; padding: 0 10px; color: #666; margin: 0;
}

.ys4-forms .two-columns label, .ys4-forms-short .two-columns label, .ys4-forms .one-column label {
	font: bold 16px/30px "Arial",sans-serif; color: #444; text-align: right; width: 250px; float: left; margin-right: 15px;
}

.ys4-forms .one-column label {
	text-align: left; float: none; width: 100%;
}

.ys4-forms-short .two-columns label {
	width: 200px;
}

.ys4-forms .tooltip	{margin: 5px 0 10px 265px; font-size: 10px; font-style: italic; color: #555; width: 358px; line-height: 1.3;}
.ys4-forms-short .tooltip	{margin: 5px 0 10px 215px;}
.one-column .tooltip {margin: 5px 0 10px 0px;}
.two-columns-right .tooltip	{margin: 5px 0 10px 0px;}
.ys4-forms .two-columns {margin-bottom: 5px;}
.ys4-forms .two-columns-right {width: 350px; float: left; position: relative; padding: 4px;}
.ys4-forms .column-white	{background: #fff;border: 1px solid #ddd; margin-bottom: 5px;}
.ys4-forms .two-columns-right label	{font-size: 14px; margin: 0 10px 0 0; padding:0; text-align: left; width: 80px;}
.ys4-forms input.short-field	{width: 100px; margin-right: 10px;}
.ys4-forms input:focus, .ys4-forms textarea:focus {border: 1px solid #999; background: #fffad9;}
.ys4-forms .form-fixed-child {margin: 10px 0 0 0;}
.btn-ysform		{height: 40px; width: auto; float: right;}
.btn-ysform-down		{height: 40px; width: auto; margin: 15px auto;}
.full-width		{width: 100%;}
.ys-captcha		{margin-left: 265px; margin-bottom: 25px; margin-top: -10px;}
.ys-captcha input {float: none;}
.ys4-forms .dp-choose-date {text-decoration: underline; font-size: 10px; font-weight: bold;}
.ys4-forms p	{line-height: 1.4;}
.btn-center {margin: 15px auto 0;}

.box-page {font: 14px arial, helvetica, sans-serif; line-height: 1.5;}
.box-page form {margin: 20px 0;}

/* simple css-based tooltip */
div.tool-tip, #tooltip-campaign {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:250px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:11px;
    line-height: 1.4;
    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
    z-index: 1300;
}

.legible-body {
	font: 14px helvetica, arial, sans-serif;
}

.legible-body p {margin-bottom: 10px;}
.legible-body ol {list-style-type: decimal; padding: 0 0 0 20px; margin: 10px 0;}
.legible-body ol li {margin: 5px 0;}


#footer-contact {
  width: 400px; float: right; padding: 0px 0 0 0;
  background: transparent url(/images/ysmanfooter.png) no-repeat top right;
}

#footer-contact label {width: 250px; float: left; font-weight: bold; font-size: 16px; height: 70px; padding: 20px 0 0 0; font-family: arial, sans-serif;}
#footer-contact textarea { width: 100%; border: 1px solid #fff; height: 40px; margin-bottom: 10px;}

#deep-profile table {
  border-collapse: collapse; border: 1px solid #bbb; background: #fff;
}

#deep-profile table td, #deep-profile table th {text-align: center; padding: 4px; border-bottom: 1px dotted #bbb; border-right: 1px dotted #bbb; vertical-align: middle;}
#deep-profile table th {background: #666; color: #fff;}
#deep-profile table tr td:first-child {text-align: left; width: 25%; height: 40px;}

a.btn-profilesurvey {text-decoration: none; width: 150px; float: right; margin-top: 15px}

.p15 p { margin-bottom: 10px; font: normal 13px/1.5 arial, helvetica, sans-serif;}


.comment-counter {text-align: left;color: #666;}

#survey-index {background: transparent url(/images/survey-index.png) no-repeat 100% -10px;}
#campaign-index {background: transparent url(/images/campaign-index.png) no-repeat 100% -30px;}
#campus-index {background: transparent url(/images/campus-index.png) no-repeat 100% -10px;}


#notification-settings li {
  padding: 4px;
  line-height: 20px;
  border-bottom: 1px solid #bbb;
}
#notification-settings li.last {
  border: 0px none;
}
#notification-settings li:hover {
  background-color: #ddd;
}
#notification-settings li input {
  margin-right: 5px;
}

#gallery { visibility: hidden; }
.gallery { background: #fff; padding: 0px;}
.loader { background: url(loader.gif) center center no-repeat #ddd; }
.panel {}
.panel h4 {font: bold 14px arial, helvetica, sans-serif;}
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 10px 10px 15px 10px; line-height: 1.3; }
.panel .overlay-background { background: #222; }
.panel .panel-overlay { color: white; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }
.filmstrip { margin: 5px; }
.frame {}
.frame .img_wrap { border: 1px solid #bbb; }
.frame.current .img_wrap { border-color: #000; }
.frame img { border: none; }
.frame .caption { font-size: 11px; text-align: center; color: #888; }
.frame.current .caption { color: #000; }
.pointer {border-color: #000; }

*html .pointer {
	filter: chroma(color=pink);
}
.style29 {
	color: #030303;
	font-size: 10px;
}
