/* CSS Document for ICON Study Volunteers */

/* Page Basics */
html, body { margin:0px; padding:0px; width:100%; height:100%; min-width:972px; }

html { overflow-y:scroll; background:url(/icon-files/cms-templates/images-volunteers/gradient_back.gif) repeat-x left top #CDCDCD; }
body { line-height:16px; }

div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, img, strong, sub, sup, ol, ul, li, fieldset, label,
table, caption, thead, tbody, tfoot, tr, th, td, form { margin:0px; padding:0px; border:none; outline:none; font-size:100%; vertical-align:top; line-height:16px; }
ul, li { list-style:none; line-height:16px; }
ul { margin-bottom:16px; }


/*
The textcolours are:
light green 2e9894
dark green 006d63
grey 626469
*/



/* Typography */
body, table, th, td { font: 0.72em Arial, Helvetica, sans-serif; color:#626469; }
input, textarea, select, option { font-family:Arial, Helvetica, sans-serif; outline:none; font-size:100%; }
input.checkbox, input.submit { width:auto; }

h1, .h1 { font-size:300%; color:#006d63; line-height:34px; margin:0 0px 15px 0px; padding:0px 0px 0px 0px; font-weight:normal; display:block; position:relative; }
h2, .h2 { font-size:145%; color:#006d63; line-height:22px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; font-weight:bold; display:block; }
h3, .h3 { font-size:145%; color:#626469; line-height:22px; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; font-weight:normal; display:block; }
h3 span, .h3 span { line-height:22px; }
h4, .h4 { font-size:120%; color:#626469; line-height:normal; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; font-weight:bold; display:block; }
h5, .h5 { font-size:100%; color:#626469; line-height:normal; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; font-weight:bold; display:block; }

table { width:100%; margin:0 0 16px 0; border-collapse:collapse; border-spacing:0; }
table th, table td { font-size:150%; }

p { line-height:16px; margin:0px 0px 16px 0px; }
p.no-margin-bottom { margin:0px 0px 0px 0px; }

a { color:#2e9894; text-decoration:none; outline:none; border:0px none; overflow:hidden; }
a:hover, a:focus { color:#006d63; }
a:link { }
a:visited { }
a:active { outline:none; }
a img { outline:none; border:none; position:relative; }
a span { cursor:pointer; }
a span.normal { color:#626469; }





/* Layout */
#wrapper { width:972px; float:left; position:relative; }
#left-remainder { width:49.999%; height:auto !important; height:1px; min-height:1px; margin-right:-486px; float:left; display:inline; }
#left-remainder .inner { margin-right:486px; }
#right-remainder { width:49.999%; height:auto !important; height:1px; min-height:1px; margin-left:-486px; float:left; display:inline; }
#right-remainder .inner { margin-left:486px; }




/* Header */
/* The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. */

#header { width:100%; padding:18px 0 0 0; float:left; position:relative; z-index:1; }
#logo { width:946px; height:58px; margin:0 0 15px 26px; float:left; display:inline; background:url(/icon-files/cms-templates/images-volunteers/volunteers_logo.gif) no-repeat left top; }
#logo a { width:299px; height:58px; float:left; display:block; }

#primary-nav { width:619px; margin:0 0 0 14px; float:left; display:inline; clear:left; font-weight:bold; font-size:110%; position:relative; z-index:100; }
#primary-nav ul { margin:0; padding:0; list-style-type:none;}
#primary-nav ul ul { padding:10px 0 10px 0; }
#primary-nav ul ul li { padding:0 0 5px 10px; clear:both; }
#primary-nav ul ul li.alt-nav-title { padding:2px 0 2px 10px; clear:both; color:#7AE3E7; }
#primary-nav ul .nav-on ul li.alt-nav-title { color:#006D63; }
#primary-nav li { float:left; display:inline; position:relative; }
* html #primary-nav li.first { margin-left:-1px; }
#primary-nav li div { margin:0 10px 0 0; float:left; display:inline; background:url(/icon-files/cms-templates/images-volunteers/nav_right_green.png) no-repeat right bottom; position:relative; z-index:1; }
* html #primary-nav li div { background:url(/icon-files/cms-templates/images-volunteers/nav_right_green.gif) no-repeat -62px 4px; }
#primary-nav li div.hover { background:url(/icon-files/cms-templates/images-volunteers/nav_right_dark.png) no-repeat right 4px; }
* html #primary-nav li div.hover { background:url(/icon-files/cms-templates/images-volunteers/nav_right_dark.gif) no-repeat right bottom; }
#primary-nav li div.nav-on { margin:0 8px 0 0; padding-right:2px; background:url(/icon-files/cms-templates/images-volunteers/nav_right_white.png) no-repeat right bottom; }
* html #primary-nav li div.nav-on { background:url(/icon-files/cms-templates/images-volunteers/nav_right_white.gif) no-repeat right bottom; }
#primary-nav li#pnav-4 div { margin:0; }
#primary-nav li#pnav-4 div.nav-on { margin:0; padding:0;}
#primary-nav li div a { width:102px; height:auto !important; height:20px; min-height:20px; margin:0 0 0 -8px; padding:15px 10px 5px 10px; float:left; display:inline; background:url(/icon-files/cms-templates/images-volunteers/nav_left_green.png) no-repeat left bottom; color:#FFFFFF; line-height:20px; position:relative; overflow:visible; }
* html #primary-nav li div a { background:url(/icon-files/cms-templates/images-volunteers/nav_left_green.gif) no-repeat left bottom; }
#primary-nav li div a:hover { color:#2DBABB; }
#primary-nav li div.nav-on a { margin:0 0 0 -10px; padding-right:21px; background:url(/icon-files/cms-templates/images-volunteers/nav_left_white2.png) no-repeat left bottom; color:#2EBABB; }
* html #primary-nav li div.nav-on a { background:url(/icon-files/cms-templates/images-volunteers/nav_left_white2.gif) no-repeat left bottom; }
#primary-nav li div.nav-on a:hover { color:#006D63; }
#primary-nav li.first div.nav-on a { margin:0 0 0 -13px; padding-right:24px; background:url(/icon-files/cms-templates/images-volunteers/nav_left_white.png) no-repeat left bottom; }
* html #primary-nav li.first div.nav-on a { background:url(/icon-files/cms-templates/images-volunteers/nav_left_white.gif) no-repeat left bottom; }
#primary-nav li.first div.nav-on span { padding-left:5px;}
#primary-nav li div a b { width:17px; height:12px; float:left; background:url(/icon-files/cms-templates/images-volunteers/arrow2.gif) no-repeat left top; line-height:0; font-size:0px; position:absolute; right:10px; top:20px; z-index:0; cursor:pointer; clear:both; }
#primary-nav a span { display:block; line-height:20px; }



#primary-nav ul ul { width:290px; position:absolute; left:-12px; top:40px; background:url(/icon-files/cms-templates/images-volunteers/dropdown_long_green1.png) no-repeat left bottom; visibility:hidden; }
#primary-nav ul .nav-on ul { background:url(/icon-files/cms-templates/images-volunteers/dropdown_long_white1.png) no-repeat left bottom; }
#primary-nav table { position:absolute; top:0; left:0; border-collapse:collapse; }
#primary-nav li div ul a { width:196px; height:auto !important; height:0px; min-height:0px; margin:0; padding:0; background:none; line-height:16px; }
#primary-nav li div.nav-on ul a { margin:0; padding:0; background:none; color:#2EBABB; }
#primary-nav li div.nav-on ul a { margin:0; padding:0; background:none; color:#2EBABB; }
#primary-nav li.first div.nav-on ul a { margin:0; padding:0; background:none; color:#2EBABB; }
#primary-nav li div ul a.alt-nav-style { width:186px; padding:0 0 0 10px; background:url(/icon-files/cms-templates/images-volunteers/triangle1.gif) no-repeat left 8px; }
#primary-nav li div.nav-on ul a.alt-nav-style { width:186px; padding:0 0 0 10px; background:url(/icon-files/cms-templates/images-volunteers/triangle2.gif) no-repeat left 8px; }


/* style the top level hover */
#primary-nav li div a:hover { background:none; }
#primary-nav li div a:hover span { width:102px; height:auto !important; height:20px; min-height:20px; padding:15px 10px 5px 10px; background:url(/icon-files/cms-templates/images-volunteers/nav_left_green.png) no-repeat left bottom; color:#FFFFFF; position:absolute; left:0px; top:0px; }
* html #primary-nav li div a:hover span { background:url(/icon-files/cms-templates/images-volunteers/nav_left_green.gif) no-repeat left bottom; }
#primary-nav li div.hover a span { width:102px; height:auto !important; height:20px; min-height:20px; padding:15px 10px 5px 10px; background:url(/icon-files/cms-templates/images-volunteers/nav_left_dark.png) no-repeat left bottom; color:#FFFFFF; position:absolute; left:0px; top:0px; }
* html #primary-nav li div.hover a span { background:url(/icon-files/cms-templates/images-volunteers/nav_left_dark.gif) no-repeat left bottom; }
#primary-nav li div.nav-on a:hover span { background:url(/icon-files/cms-templates/images-volunteers/nav_left_white2.png) no-repeat left bottom; color:#2EBABB; left:0px; top:0px; }
* html #primary-nav li div.nav-on a:hover span { background:url(/icon-files/cms-templates/images-volunteers/nav_left_white2.gif) no-repeat left bottom; }
#primary-nav li.first div.nav-on a:hover span { background:none; color:#2EBABB; left:10px; top:0px; }
#primary-nav :hover > a { }		/* All other browsers bar IE6- */

/* style the second level hover */
#primary-nav ul ul a:hover { }
#primary-nav ul ul :hover > a { }	/* All other browsers bar IE6- */

#primary-nav li div ul a.alt-nav-style:hover { background:url(/icon-files/cms-templates/images-volunteers/triangle1.gif) no-repeat left 8px; }
#primary-nav li div.nav-on ul a.alt-nav-style:hover { background:url(/icon-files/cms-templates/images-volunteers/triangle2.gif) no-repeat left 8px; }


/* make the second level visible when hover on first level list OR link */
#primary-nav ul li:hover ul, #primary-nav ul a:hover ul{ visibility:visible; }


#site-search { width:325px; margin:4px 6px 0 0; float:right; display:inline; background:url(/icon-files/cms-templates/images-volunteers/search_right.png) no-repeat right top; }
#site-search form { width:319px; height:auto !important; height:28px; min-height:28px; margin:0 -6px; padding:8px 0 0 12px; float:left; display:inline; background:url(/icon-files/cms-templates/images-volunteers/search_left.png) no-repeat left top; position:relative; }
#site-search input { color:#666; width:249px; float:left; display:inline; border:0px none; outline:none; font-weight:bold; font-size:130%; letter-spacing:-1px; }
#site-search input.submit { width:21px; height:24px; margin:1px 0 0 11px; }
#site-search .input { margin:0 0 0 8px; }


ul.hover-list { border-top:1px solid #D9D9D9; }
.subpage #torso .right-column ul.hover-list li { background-image:none; }
#content ul.hover-list li {list-style:none; border-bottom:1px solid #D9D9D9; font-size:95%; background:none; }
ul.hover-list li a { width:100%;  padding:3px 0 3px 0; display:block; color:#626469; }
.date { color:#006D63; font-weight:bold; }



/* Boardboard */
#billboard { width:100%; height:auto !important; height:180px; min-height:180px; margin:0 0 20px 0; float:left; }
#billboard-image { float:left; display:inline; position:relative; }
#billboard-content { float:right; display:inline; position:relative;}
#billboard.billboard-homepage { width:960px; height:auto !important; height:364px; min-height:364px; margin:0; background:url(/icon-files/cms-templates/images-volunteers/gradient_within.gif) repeat-x left top #E4DEDB; }
.billboard-homepage #billboard-image { width:520px; }
.billboard-homepage #billboard-content { width:374px; margin:40px 60px 0 0; }
.billboard-homepage #billboard-content h1 { width:414px; margin:0 -40px 15px -40px; float:left; display:inline; }
#billboard .apply-now { display:block; width:168px; float:right; margin:40px 0 0 17px;  }
#billboard .apply-now img { margin:0; }




/* Torso */
#torso { width:960px; padding:0 6px; float:left; background:url(/icon-files/cms-templates/images-volunteers/bg_lrge.png) repeat-y left top; position:relative; z-index:0; }
#torso-base { width:968px; height:10px; margin:0 1px 0 3px; float:left; display:inline; background:url(/icon-files/cms-templates/images-volunteers/bg_bottom.png) no-repeat left top; line-height:0; font-size:0px; }
.homepage #torso-base { background:url(/icon-files/cms-templates/images-volunteers/bg_bottom_green.png) no-repeat left top; }
#torso-left { width:610px; padding:20px 20px 13px 20px; float:left; }
#torso-right { width:290px; padding:20px 20px 13px 0; float:right; }




/* Content */
#content { width:100%; padding:0; float:left; /*overflow:hidden;*/ }
.homepage #content { width:920px; padding:20px 20px 13px 20px; background:#2EBABB; overflow:hidden; }




/* Footer */
#footer { width:922px; padding:10px 25px 10px 25px; float:left; font-size:95%; }
#tertiary-nav { width:726px; padding:0; float:left; display:inline; }
#tertiary-nav ul { margin:0; float:left; }
#tertiary-nav li { margin:0 4px 0 0; padding:0 5px 0 0; float:left; display:inline; background:url(/icon-files/cms-templates/images-volunteers/whiteline.gif) no-repeat right center; }
#tertiary-nav li.last { background:none; }
#tertiary-nav li a { float:left; color:#FFF; }

#webfactory { width:117px; height:15px; float:right; background:url(/icon-files/cms-templates/images-volunteers/webfactory.png) no-repeat left top; }
#webfactory a { width:117px; height:15px; float:left; }

/* List style */
#torso ul li { padding:0 0 3px 13px; background:url(/icon-files/cms-templates/images/generic/bullet.png) no-repeat left 6px; }
#torso ul ul { margin-bottom: 0px;}


/* Imagery */
.img-left { margin:0px 10px 10px 0px; float:left; display:inline; }
.img-right { margin:0px 0px 10px 10px; float:right; display:inline; }



/* Scrollable Content */
.scrollable-content { overflow-x:hidden; overflow-y:auto; position:relative; }
.scrollable-content .content { width:100%; height:100%; float:left; overflow-x:hidden; overflow-y:auto; position:relative; }
.vScrollbar { float:left; position:absolute; right:0; top:2px; }
.vTrack { width:13px; height:1000px; position:relative; background:#FFF; }
.vThumb { width:13px; height:15px; position:absolute; left:0px; top:0; background:#CFE8E5; overflow:hidden; }
.vThumb-top { width:13px; height:7px; position:absolute; left:0px; top:0; background:url(/icon-files/cms-templates/images/scroller/bar_top.png) no-repeat left top; line-height:0; font-size:0; }
.vThumb-base { width:13px; height:7px; position:absolute; left:0px; top:0; background:url(/icon-files/cms-templates/images/scroller/bar_bottom.png) no-repeat left top; line-height:0; font-size:0; }
.arrowUp { width:13px; height:19px; background:url(/icon-files/cms-templates/images/scroller/button_top.gif) no-repeat left top; overflow:hidden;}
.arrowDown { width:13px; height:19px; background:url(/icon-files/cms-templates/images/scroller/button_bottom.gif) no-repeat left top; overflow:hidden; }




/* Form Fields */
.input { padding:0 0 0 9px; float:left; display:inline; background:url(/icon-files/cms-templates/images-volunteers/input_left.gif) no-repeat left top; }
.input .end { height:19px; padding:3px 5px 1px 0; float:left; background:url(/icon-files/cms-templates/images-volunteers/input_right.gif) no-repeat right top; }
.input input { height:19px; padding:0; background:none; }


/* Application Form */
#app-form { width:100%; float:left; padding:10px 0; margin-top:5px; border-top:1px solid #ccc; display:inline; }
* html #app-form { margin-right:-610px; }
#app-form .textbox { width:200px; }
#app-form select { display:block; }
#app-form input { margin-left:0; }
#app-form .input { padding:0 0 0 5px; background:url(/icon-files/cms-templates/images-volunteers/input_left.gif) no-repeat left top; display:inline; }
#app-form .input input { height:18px; margin:0; padding:5px 0 0 0; border:0 none; outline:none; background:url(/icon-files/cms-templates/images-volunteers/input_right.gif) no-repeat right top; }
* html #app-form .input input { background-position:right -1px; }
#app-form td { padding:0 0 5px 0; vertical-align:top; }
#app-form td.spacer { padding:20px 0 10px 0; }
#app-form td.spacer h2 { margin:0; padding:0 0 5px 0; border-bottom:1px solid #CCCCCC; }
#app-form td.right { padding:0 10px 5px 0; text-align:right; }
#app-form td.vTop { padding-top:2px; vertical-align:top; }
#app-form td.sInput { padding-top:3px; vertical-align:top; }
#app-form td.line { height:6px; border-top:1px solid #CCCCCC; }

#app-form .textarea { width:211px; float:left; }
#app-form .textarea textarea { padding:0 2px; float:left; border:0px none; outline:none; overflow:auto; }
#app-form .textarea .top { width:100%; float:left; background:url(/icon-files/cms-templates/images-volunteers/top_left.gif) no-repeat left top; line-height:0; font-size:0px; }
#app-form .textarea .top .content { width:100%; height:7px; float:left; background:url(/icon-files/cms-templates/images-volunteers/top_right.gif) no-repeat right top; }
#app-form .textarea .mid { padding:0 0 0 3px; float:left; background:url(/icon-files/cms-templates/images-volunteers/mid_left.gif) repeat-y left top; }
#app-form .textarea .mid .content { padding:0 4px 0 0; float:left; background:url(/icon-files/cms-templates/images-volunteers/mid_right.gif) repeat-y right top; }
#app-form .textarea .base { width:100%; float:left; background:url(/icon-files/cms-templates/images-volunteers/btm_left.gif) no-repeat left top; line-height:0; font-size:0px; }
#app-form .textarea .base .content { width:100%; height:2px; float:left; background:url(/icon-files/cms-templates/images-volunteers/btm_right.gif) no-repeat right top; }

/*
.app-form-uk #app-form .textbox { width:190px; }
.app-form-uk #app-form textbox { width:130px; }
*/

#cocaine, #heroin, #amphetamine, #cannabis { float:left; }

.usa-form td { width:305px; }
.usa-form td.right { width:295px; }
.usa-form .input input { width:200px; }
.usa-form .textarea { width:205px; }
.usa-form textarea { width:194px; max-width:194px; padding:0; }
.contact-form table { margin-top:10px; }
.contact-form .input { margin-right:15px; }
.contact-form .input input { width:180px; margin-right:15px; }
.contact-form .textarea { width:235px; margin-top:19px; }
* html .contact-form .textarea { margin-top:22px; }
* + html .contact-form .textarea { margin-top:22px; }
.contact-form textarea { width:224px; height:180px; max-width:244px; padding:0; }
* html .contact-form textarea { height:195px; }
* + html .contact-form textarea { height:195px; }

div.error { padding:5px 0; color:#F00; font-weight:bold; font-size:90%; clear:both; }


/* Features */
.features-holder { width:945px; float:left; display:inline; }
.feature { position:relative; z-index:0; width:260px; margin:0 0 25px 0; padding:0 15px 5px 15px; float:left; display:inline; background:url(/icon-files/cms-templates/images-volunteers/grey_btm_white.gif) no-repeat left bottom #EDEDEF; }
.features-holder .feature { margin:0 25px 0 0; }
.homepage .feature { background:url(/icon-files/cms-templates/images-volunteers/grey_btm_green.gif) no-repeat left bottom #EDEDEF; }
.feature .top { width:290px; height:5px; margin:0 -15px 0 -15px; float:left; display:inline; background:url(/icon-files/cms-templates/images-volunteers/grey_top_white.gif) no-repeat left top; line-height:0; font-size:0px; }
.feature .image { width:290px; margin:-5px -15px 10px -15px; float:left; display:inline; }
.feature .title { font-size:180%; color:#006d63; padding:0 0 10px 0;}
.feature .subtitle {}
.feature td {padding:3px;}

.features-holder .alert .top { background:url(/icon-files/cms-templates/images-volunteers/green_top_green.gif) no-repeat left top; padding-top:10px;}
.features-holder .alert { height:auto !important; height:182px; min-height:182px; position:relative; color:#fff; background:url(/icon-files/cms-templates/images-volunteers/green_btm_green.gif) no-repeat left bottom #129B99; }
.features-holder .alert .icon { width:57px; height:50px; margin:0; float:right;}
.features-holder .alert img { float:right; padding-bottom:7px; }
.features-holder .alert .alert-title { font-size:180%; color:#fff; padding:0 0 10px 0;}
.features-holder .alert .title { font-size:120%; color:#01EAEC; padding:0 0 10px 0; font-weight:bold; }

.homepage .tl { background:url(/icon-files/cms-templates/images-volunteers/cnr_green_topleft.png) no-repeat top left; }
.homepage .tr { background:url(/icon-files/cms-templates/images-volunteers/cnr_green_topright.png) no-repeat top right; }
.tl {position:absolute; top:0; left:0; background:url(/icon-files/cms-templates/images-volunteers/cnr_white_topleft.png) no-repeat top left; width:8px; height:8px;}
.tr {position:absolute; top:0; right:0; background:url(/icon-files/cms-templates/images-volunteers/cnr_white_topright.png) no-repeat top right; width:8px; height:8px;}
.bl {position:absolute; bottom:0; left:0; background:url(/icon-files/cms-templates/images-volunteers/cnr_white_btmleft.png) no-repeat bottom left; width:8px; height:8px;}
.br {position:absolute; bottom:0; right:0; background:url(/icon-files/cms-templates/images-volunteers/cnr_white_btmright.png) no-repeat bottom right; width:8px; height:8px;}

.feature #rss-update { background:url(/icon-files/cms-templates/images-volunteers/rss.gif) no-repeat 0 7px; display:block; padding:10px 10px 12px 30px; border-top:1px solid #fff; font-weight:bold; color:#5E5F63; clear:both;}
.feature #email-update { background:url(/icon-files/cms-templates/images-volunteers/email.gif) no-repeat 0 7px; display:block; padding:10px 10px 12px 30px; font-weight:bold; color:#5E5F63; clear:both; }

#email-update-submitted { border-bottom:1px solid #fff; }
#email-update-signup { width:100%; float:left; border-bottom:1px solid #fff; }
#email-update-signup .content { width:100%; padding:10px 0; float:left; }
#email-update-signup table { width:100%; margin:0; }
#email-update-signup td { padding:0 0 5px 0; vertical-align:middle; }
#email-update-signup td.right { width:50px; padding:0 10px 5px 0; text-align:right; }
#email-update-signup td.full-right { padding:0 10px 5px 0; text-align:right; }
#email-update-signup .input { padding:0 0 0 5px; float:left; position:relative; background:url(/icon-files/cms-templates/images-volunteers/input_left.gif) no-repeat left top; display:inline; }
#email-update-signup .input input { width:178px; height:18px; margin:0; padding:5px 0 0 0; float:left; border:0 none; outline:none; background:url(/icon-files/cms-templates/images-volunteers/input_right.gif) no-repeat right top; }
#email-update-signup select { width:185px; }

#rss-dropdown { width:100%; float:left; border-bottom:1px solid #fff; }
#rss-dropdown .content { width:100%; padding:10px 0; float:left; }
#rss-dropdown ul { margin:0; }
#torso #rss-dropdown ul li { padding:0 15px 5px 15px; background:none; list-style:none; }

.noimg { padding:0 15px 15px 15px; }
.noimg .title { padding-top:15px; }
* html .noimg .top { padding-bottom:10px; }



/* BMI Holder */
.bmi-holder { padding:0 15px 5px 15px; background:url(/icon-files/cms-templates/images-volunteers/darkgrey_btm_white.gif) no-repeat left bottom #EDEDEF; position:relative; z-index:3; }
.bmi-holder table { margin:0; }
.bmi-holder .dark-grey-bg { width:260px; margin:10px -15px 0 -15px; padding:10px 15px 10px 15px; float:left; display:inline; background:#A7A8AC; position:relative; z-index:0; }
.bmi-holder td { padding:0 25px 6px 0; font-size:140%; vertical-align:middle; }
.bmi-holder td.left { width:75px; padding:0 8px 6px 0; text-align:right; }
.bmi-holder .dark-grey-bg td, .bmi-holder .dark-grey-bg td { padding-bottom:0; color:#FFF; font-weight:bold; }
.bmi-holder .input { margin-right:3px; padding:0 0 0 5px; float:left; display:inline; background:url(/icon-files/cms-templates/images-volunteers/input2_light.gif) no-repeat left top; display:inline; }
.bmi-holder .input input { width:45px; height:17px; margin:0; padding:1px 0 0 0; float:left; border:0 none; outline:none; background:url(/icon-files/cms-templates/images-volunteers/input2_light_right.gif) no-repeat right top; }
.bmi-holder .input input#yourbmi { width:117px; }
.bmi-holder .dark-grey-bg .input { background:url(/icon-files/cms-templates/images-volunteers/input2_dark.gif) no-repeat left top; }
.bmi-holder .dark-grey-bg .input input { background:url(/icon-files/cms-templates/images-volunteers/input2_dark_right.gif) no-repeat right top; }
.bmi-holder td span { margin-right:5px; float:left; display:inline; }
.bmi-holder a img { position:static; }

#mini-metric-div, #mini-imperial-div { z-index:1; }


/* No Javascript Styles */
.js-hidden { display:block; }
tr.js-hidden { display:table-row; }




/* Javascript Enabled Styles */
.js-dependant { display:none; }



/* Clearing DIV */
div.clear { clear:both; width:100%; height:0px; line-height:0px; font-size:0px; }



/* Borders */
.no-border { border:0px none; }


/* MultiBox - DO NOT MODIFY */
.MultiBoxContainer { position:absolute; background:#00857A; display:none; z-index:103; text-align:left; }
.MultiBoxContainerBorder { border:24px solid #00857A; }
.MultiBoxLoading { /*background:url(/icon-files/cms-templates/images/multibox/loader.gif) center no-repeat;*/ }
.MultiBoxContent { position:relative; width:100%; height:100%; }
.MultiBoxClose { width:32px; height:32px; position:absolute; top:-10px; right:-8px; background:url(/icon-files/cms-templates/images/multibox/close_btn.png) no-repeat; cursor:pointer; }
.MultiBoxContainerBorder .MultiBoxClose { top:-34px; right:-32px; }
.MultiBoxControlsContainer { overflow:hidden; height:0; position:relative; }
.MultiBoxControls { width:100%; position:relative; background:#00857A; font-family:Verdana,Arial,Helvetica,sans-serif; color:#fff; }
.MultiBoxDownload a, .MultiBoxDownload a:link, .MultiBoxDownload a:visited, .MultiBoxDownload a:hover, .MultiBoxDownload a:active { font-size:9px; color:#ccc; margin:5px 0 0 35px; display:block; text-decoration:none; text-transform:uppercase; text-align:right; outline:none; }
.MultiBoxDownload a:hover { color:#fff; }
.MultiBoxPrevious { background:url(/icon-files/cms-templates/images/multibox/left.png) no-repeat; position:absolute; width:24px; height:24px; left:0; margin:5px 0 0 0; cursor:pointer; }
.MultiBoxNext { background:url(/icon-files/cms-templates/images/multibox/right.png) no-repeat; position:absolute; width:24px; height:24px; right:0; margin:5px 0 0 0; cursor:pointer; }
.MultiBoxNextDisabled { background:url(/icon-files/cms-templates/images/multibox/rightDisabled.png) no-repeat; cursor:default; }
.MultiBoxPreviousDisabled { background:url(/icon-files/cms-templates/images/multibox/leftDisabled.png) no-repeat; cursor:default; }
.MultiBoxTitle { position:relative; margin:10px 0 0 35px; float:left; font-size:11px; font-weight:bold; text-align:left; display:inline; }
.MultiBoxNumber { width:90px; margin:10px 35px 0 0; float:right; font-size:11px; text-align:right; display:inline; position:relative; }
.MultiBoxDescription { margin:0 35px 0 35px; padding:5px 0 0 0; clear:left; position:relative; font-size:11px; text-align:left; }
.OverlayIcon { width:17px; height:17px; background:transparent url(/icon-files/cms-templates/images/multibox/MagIcon.png) no-repeat; position:absolute; right:-5px; top:-5px; }
.mbTips { background:#fff; font-size:10px; color:#000; border:1px solid #3FB6E2; padding:2px; }
.mbTips .tip-text { display:none; }
.multiBoxDesc { clear:both; }



/* Homepage Splash */
#sv-home-splash { width:100%; height:100%; min-height:250px; z-index:100; position:absolute; left:0; top:0; color:#FFF; font-size:135%; font-weight:bold; clear:both; }
#sv-home-splash .white-bg { width:100%; height:100%; background:#FFF; opacity:0.75; position:absolute; left:0; top:0; z:index:0; }
#sv-home-splash .mid { width:100%; float:left; position:relative; top:50%; z-index:1; }
#sv-home-splash .content { width:100%; height:auto !important; height:250px; min-height:250px; margin:-125px 0 0 0; float:left; position:relative; }
#sv-home-splash .content .green-bg { width:100%; height:250px; background:#66B6AF; opacity:0.80; position:absolute; left:0; top:0; z-index:0; }
#sv-home-splash .inner { width:335px; margin:0 auto; position:relative; z-index:1; }
#sv-home-splash .select-region { width:100%; float:left; margin:45px 0 0 0; font-size:180%; line-height:30px; }
#sv-home-splash a { color:#FFF; }
#sv-home-splash a:hover { text-decoration:underline; }
#sv-home-splash ul { width:325px; margin:25px 0 0 10px; float:left; display:inline; }
#sv-home-splash li { margin:0; float:left; display:inline; }
#sv-home-splash li.first { margin:0 21px 0 0; }
#sv-home-splash .button { float:left; background:url(/icon-files/cms-templates/images-volunteers/btn_right.png) no-repeat right top; opacity:1; }
#sv-home-splash .button a { height:34px; margin:0 0 0 -9px; padding:5px 17px 5px 17px; float:left; display:inline; background:url(/icon-files/cms-templates/images-volunteers/btn_left.png) no-repeat left top; line-height:34px; }
#sv-home-splash .back { width:100%; margin:60px 0 0 0; float:left; }



/* Styled Select Form Elements */
.styled-select { background:url(/icon-files/cms-templates/images-volunteers/dropdown_left.gif) repeat-x left top; font-size:95%; text-align:left; clear:both; }
.styled-select .container { position:relative; z-index:1; }
.styled-select .selected { padding:0 3px; cursor:pointer; }
.styled-select .disabled-layer { position:absolute; z-index:2; left:-1px; top:-1px; }
.styled-select .arrow { width:18px; cursor:pointer; background:url(/icon-files/cms-templates/images-volunteers/dropdown_right.gif) no-repeat right center; position:absolute; right:0; top:0; }
.styled-select .options { position:absolute; left:0; background:#FFFFFF; border:1px solid #CDCDCF; z-index:1; cursor:pointer; overflow:hidden; }
.styled-select .options .content { overflow:hidden; position:relative; }
.disabled-select { color:#AFAFAF; }
.disabled-select .arrow { }


/* Facilities Slideshow */
.facilities-slideshow { width:100%; margin:10px 0 0 0; float:left; }

/* Study Finder Javascript Calendar */

.hidden { opacity: 0;position: absolute;}
.visible {opacity: 1;}

input.calendar, select.calendar { width: 99px; }

button.calendar { background: url(/icon-files/cms-templates/images-volunteers/icon_cal.gif) no-repeat left top; border:0; cursor:pointer; float:left; height:14px; width:21px; position:absolute; right:-26px; top:5px; }
button.calendar:hover, button.calendar.active { /*background-position: 0 20px; */}

div.calendar { background:url(/icon-files/images/study-volunteers/calendar.png); background:#FFF; border:2px solid #006d63; height:195px;padding: 0 6px;text-align: center;width: 147px;}	
div.calendar * {margin: 0;padding: 0;	}
div.calendar div {background: none !important;cursor: move;height: 185px;overflow: hidden;padding-top: 10px;position: relative;width: 147px;}	
	
div.calendar caption {color: #333;font: normal 12px/16px Arial, Helvetica, sans-serif;padding-top: 6px;text-align: center;width: 100%;}
div.calendar caption a {cursor: pointer;display: block;	height: 12px;overflow: hidden;position: absolute;text-indent: -100px;top: 17px;width: 11px;}
div.calendar caption a.prev {background-image: url(/icon-files/images/study-volunteers/calendar-prev.gif);left: 0;}
div.calendar caption a.next {background-image: url(/icon-files/images/study-volunteers/calendar-next.gif);right: 0;}
div.calendar caption a:hover {background-position: 0 12px;}
div.calendar caption span {height: 25px;position: relative;text-align: center;}
div.calendar caption span.month {padding-right: 8px;}
div.calendar caption span.month:after {	content: ',';}
div.calendar table {background: #FFF;border: 0;	border-collapse: collapse;border-spacing: 0;cursor: default;margin: 0 auto;overflow: hidden;width: 147px;}
div.calendar th { padding:10px 0 0 0; }
div.calendar td, div.calendar th {border: 0;color: #006d63; font: normal 12px Arial, Helvetica, sans-serif;height: 21px;text-align: center;width: 21px;	}
div.calendar td {background: url(/icon-files/images/study-volunteers/calendar-td.gif); color: #FFF;font-size: 11px; vertical-align:middle; } 
div.calendar td.invalid {color: #999; }
div.calendar td.valid {	background: url(/icon-files/images/study-volunteers/calendar-valid.gif);color: #006d63;	cursor: pointer; }
div.calendar td.hilite {background: url(calendar-hilite.gif);}
div.calendar td.inactive {background: url(/icon-files/images/study-volunteers/calendar-td.gif) 0 100%;color: #FFF;}
div.calendar td.active, div.calendar td.hover {	background: url(/icon-files/images/study-volunteers/calendar-valid.gif) 0 100%;	color: #FFF;cursor: pointer;}


/* Study Table */
#study-table { margin-top:1px; }
#study-table td { padding: 5px 15px 5px 15px; border:solid #ccc; border-width:1px 0; }


/* Study Basket */
#study-basket table tr.dark { background-color: #a8a9ab; }
#study-basket td { padding:2px 0 2px 0; font-size:130%; vertical-align:top; line-height:16px; }
#study-basket table tr.dark td { color: #fff; }
#study-basket table tr.dark td a { color: #fff; font-weight: bold; text-decoration: underline; }
#study-basket table tr.dark td a.remove { width:12px; height:12px; margin:2px 0 0 10px; display:block; background:url(/icon-files/cms-templates/images-volunteers/x_red.gif) no-repeat left top; }
#study-basket table tr.dark td a.remove:hover { background:url(/icon-files/cms-templates/images-volunteers/x_grey.gif) no-repeat left top; }



/* Study Finder */
#study-finder { width:580px; padding:0 15px; float:left; background:url(/icon-files/cms-templates/images-volunteers/search_bg.png) no-repeat left top; }
#study-finder h2 { margin-bottom:15px; font-size:190%; }
#study-finder td { padding:0 0 5px 0; }
#study-finder td.right { padding:0 10px 5px 0; text-align:right; }
#study-finder select { width:197px; }
#study-finder input { width:189px; margin:0; float:left; }
#study-finder input#finder_date { width:162px; }
#study-finder input.search { width:78px; margin:10px 10px 0 0; float:right; display:inline; }
#study-finder .input { padding:0 0 0 5px; float:left; position:relative; background:url(/icon-files/cms-templates/images-volunteers/input_left.gif) no-repeat left top; display:inline; }
#study-finder .input input { height:18px; margin:0; padding:5px 0 0 0; border:0 none; outline:none; background:url(/icon-files/cms-templates/images-volunteers/input_right.gif) no-repeat right top; }
#study-finder button { outline:none; border:none; }

#study-finder .study-search-results { border-top:1px solid #EDEDED; }
#study-finder .study-search-results td { padding:1px 10px 5px 0; vertical-align:top; }
#study-finder .study-search-results td.left { width:105px; padding:0 10px 5px 15px; font-weight:bold; }
#study-finder .study-search-results td.border { border-bottom:1px solid #EDEDED; }


/* Study Requirements */
.study-details { width:100%; padding-bottom:16px; float:left; }
.study-details-nav { width:100%; padding-bottom:10px; float:left; }
.study-details-nav ul { width:100%; margin:0; float:left; }
#torso .study-details-nav ul li { padding:0 11px 0 10px; float:left; display:inline; list-style:none; background:url(/icon-files/cms-templates/images-volunteers/line_1.gif) no-repeat right center; }
#torso .study-details-nav ul li.nav-on { background:url(/icon-files/cms-templates/images-volunteers/line_2.gif) no-repeat right center; }
#torso .study-details-nav ul li.first { padding-left:0; }
.study-details-nav a { float:left; }
.study-details-nav .nav-on a { color:#3DCECE; }
.study-details-nav span { float:left; display:inline; cursor:pointer; }
.study-details-nav span.arrow { width:7px; height:4px; margin:8px 0 0 3px; line-height:0; font-size:0px; background:url(/icon-files/cms-templates/images-volunteers/arrow_sml.gif) no-repeat left top; }
.study-details-nav li.nav-on span.arrow { display:none; }

.study-details-table { width:100%; float:left; margin:0; }
.study-details-table td { padding:1px 15px; }
.study-details-table td.border { border-bottom:1px solid #EDEDED; }

.report-outer-div { width: 610px; float:left; margin: 20px 0 0 0; border: 1px solid #EDEDED; }
.report-div { width: 289px; float:left; margin-right:15px; display: inline; }
.report-div table td.label { width: 75%; }
.report-div table td { width: 25%; }

#study-admin-nav { width:100%; float: left; }
#study-admin-nav ul { width:100%; float: left; }
#study-admin-nav li { width:277px; float: left; }

#rejected-reasons-list ul { }
#rejected-reasons-list li { width:277px; float: left; }