/*-----------------------------------------------
University of Colorado Urologists Cascading Style Sheet - Screen
Designer/Developer: Glenda Crawford working for CITT
Contact: glenda.crawford@cudenver.edu
Last Update: August 18, 2006
----------------------------------------------- */
html {
margin: 0;
padding: 0;
}
body {
	margin: 5px 0px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background: #333 url(../images/html_bkgrnd.gif) repeat-x 0px 0px;
	color: #000;
	font-size: 0.75em;
	line-height: 1.5em;
	}
*html body { /*body text style for Internet Explorer, fixes all subsequent fonts*/
font-size: 76%;
}
/*----------------------------container--------------------------------------*/
#container { /* Container Div Style */
margin: 0 auto;
padding: 0;
background-color: #fff;
color: #000;
width: 760px;
text-align: left;
position: relative;
height: 100%;
}
/*----------------------------header--------------------------------------*/
#header { /* Header Style */
	margin: 0;
	padding: 0;
	background: #fff url(../images/header3rev.jpg) no-repeat 0px 0px;
	color: #000;
	height: 185px;
	width: 760px;
	position: relative;
}
/*----------------------------vertical navigation text links--------------------------------------*/
#verticalnav { /* vertical text link navigation container */
margin: 0px;
padding: 0px;
position: absolute;
top: 10px;
left: 35px;
text-align: left;
}
#verticalnav ul { /* vertical text link navigation list */
margin: 0px 0px 0px 0px;
padding: 0;
list-style: none;
position: relative;
}
#verticalnav ul li { /* vertical text link navigation list items */
margin: 0;
padding: 0;
}
*html #verticalnav ul li { /* vertical text link navigation list links - IE Fix */
line-height: 10%;
}
#verticalnav ul li a { /* vertical text link navigation list links */
margin: 0px;
padding: 5px 10px;
font-size: 1em;
line-height: 1.3em;
font-weight: bold;
display: block;
text-decoration: none;
color: #fff;
background-color: #6a88a2;
}
#verticalnav ul li a:hover { /* vertical text link navigation list hover link */
background-color: #1f477a;
color: #fff;
}
#verticalnav ul li a#current { /* vertical text link navigation list item designated as current page - highlighted */
background-color: #3c5768;
color: #fff;
}
/*----------------------------horizontal navigation--------------------------------------*/
#container #nav { /* main navigation container */
margin: 0px;
padding: 0px;
height: 36px;
width: 760px;
position: relative;
background: #000 url(../images/nav_bkgrnd.gif) repeat-x 0px 0px;
color: #fff;
border-bottom: 3px solid #000;
}
#container #nav ul { /* main navigation list */
margin: 0px 1px 0px 0px;
padding: 0;
list-style: none;
width: 760px;
float: left;
}
*html #container #nav ul { /* main navigation list - IE Fix */
margin: 0px 0px 0px 0px;
}
#container #nav ul li { /* main navigation list items */
margin: 0;
padding: 0;
display: inline;
}
#container #nav ul li a { /* main navigation list item links */
margin: 0px;
padding: 2px 28px 2px 10px;
font-size: .9em;
font-weight: bold;
line-height: 1em;
height: 36px;
float: left;
display: block;
text-decoration: none;
color: #fff;
background: #000 url(../images/nav_bkgrnd.gif) repeat-x 0px 0px;
}
#container #nav ul li a:hover, #container #nav ul li a.currentnav:hover { /* main navigation list item links - hover style */
background: url(../images/nav_bkgrnd_reverse.gif) repeat-x 0px 0px;
}
#container #vasectomy { /* main navigation list item designated as current page - highlighted */
	background: url(../images/nav_square1.gif) no-repeat 98% 2px;
	border-right: 1px solid #000;
}
#container #male { /* main navigation list item designated as current page - highlighted */
	background: url(../images/nav_square2.gif) no-repeat 98% 2px;
	border-right: 1px solid #000;
}
#container #urologic { /* main navigation list item designated as current page - highlighted */
	background: url(../images/nav_square3.gif) no-repeat 98% 2px;
	border-right: 1px solid #000;
}
#container #incontinence { /* main navigation list item designated as current page - highlighted */
	background: url(../images/nav_square4.gif) no-repeat 98% 2px;
	border-right: 1px solid #000;
}
#container #pediatric { /* main navigation list item designated as current page - highlighted */
	background: url(../images/nav_square5.gif) no-repeat 98% 2px;
	border-right: 1px solid #000;
}
#container #minimal { /* main navigation list item designated as current page - highlighted */
	background: url(../images/nav_square6.gif) no-repeat 98% 2px;
	border-right: 1px solid #000;
}
#container #female { /* main navigation list item designated as current page - highlighted */
	background: url(../images/nav_square7.gif) no-repeat 98% 2px;
}
#container #nav ul li a.currentnav { /* horizontal navigation list item designated as current page - highlighted */
	background: url(../images/nav_bkgrnd_reverse_light.gif) repeat-x 0px 0px;
}
/*----------------------------content--------------------------------------*/
#contentwrap { /* contentwrap for main page with large top image */
margin: 0px;
padding: 0px 0px 15px 0px;
width: 760px;
background: url(../images/content_bkgrnd.gif) repeat-y 0px 0px;
position: relative;
height: 100%;
}
#content { /* content for main page with large top image */
margin: 0px;
padding: 0px;
width: 760px;
background: url(../images/content_top.gif) no-repeat 0px 0px;
position: relative;
height: 100%;
}
#content h1 { /* Header 1 Style */
	margin: 0px 100px 0px 0px;
	padding: 35px 0px 5px 55px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.5em;
	background: url(../images/h1_lines.gif) no-repeat 55px bottom;
}
*html #content h1 { /* Header 1 Style - fix sifr in IE */
	margin: 35px 0px 0px 55px;
	padding: 0px 0px 5px 0px;
	font-size: 2.3em;
	line-height: 2.2em;
	background: url(../images/h1_lines.gif) no-repeat 0px bottom;
}
#content h2 { /* Header 2 Style */
margin: 0px 220px 0px 55px;
padding: 15px 0px 0px 0px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #666;
background-color: #fff;
font-weight: bold;
font-size: 1.4em;
line-height: 1.3em;
border-bottom: 2px solid #6a88a2;
}
#content h3 { /* Header 3 Style */
margin: 0px 0px 0px 55px;
padding: 15px 50px 5px 0px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #5D5D5D;
background-color: #fff;
font-weight: bold;
font-size: 1.1em;
line-height: 1.4em;
}
#content h4 { /* Header 4 Style */
margin: 0px 0px 0px 55px;
padding: 15px 50px 0px 0px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #666;
background-color: #fff;
font-weight: bold;
font-size: 1em;
line-height: 1em;
}
#content p { /* Main Paragraph Text Style */
margin: 0;
padding: 5px 50px 10px 55px;
} 
#content ul { /* Unordered List Text Style */
	margin: 5px 30px 0px 30px;
	list-style-type: disc;
}
*html #content ul { /* Unordered List Text Style - IE Fix */
	margin-left: 65px;
	margin-right: 30px;
}
#content ul li { /* Unordered List Item Text Style */
	margin: 0px 30px 5px 30px;
	list-style-type: disc;
}
#content ul li ul li { /* Unordered List sub-list Item Text Style */
	margin-left: 20px; 
	list-style-type: circle;
}
#content ul li ul li ul li { /* Unordered List sub-list Item Text Style */
	/* margin-left: 5px; */
	list-style-type: square;
}
#content ol { /* Ordered List Text Style */
	margin: 5px 30px 0px 30px;
	list-style-type: decimal;
}
*html #content ol { /* Ordered List Text Style - IE Fix */
	margin-left: 65px;
	margin-right: 30px;
}
#content ol li { /* Ordered List Item Text Style */
	margin: 0px 30px 5px 30px;
	list-style-type: disc;
}
#content ol li ol li { /* Ordered List sub-list Item Text Style */
	list-style-type: lower-alpha;
}
dl { /* Definition List Style */
	margin-top: 0px; /* Ugly Fix from: http://www.thenoodleincident.com/tutorials/box_lesson/content_placement/cp_test_3.html */
	padding: 0px;
}
dt { /* Definition Term Style */
	padding: 0px 30px 5px 30px;
	font-weight: 900;
}
dd { /* Definition Description Style */
	padding: 0px 30px 3px 0px;
}
#content img { /* image aligned right with a border */
	margin: 10px 30px 10px 20px;
	float: right;
	border: 2px solid #000000;
	} /*250px is maximum ideal width for images in content*/	
#content img.floatleft { /* image aligned right with a border */
	margin: 10px 20px 10px 20px;
	float: left;
	border: 2px solid #000000;
	} /*250px is maximum ideal width for images in content*/	
#content img.imagecenter { /* image aligned center with a border */
	margin: 0px 20px;
	position:relative;
	float: none;
	border: 2px solid #000000;
} /*250px is maximum ideal width for images in content*/	
/*----------------------------links--------------------------------------*/
#content a { /* Link Style */
	color: #324a50;
	background-color: #fff;
	text-decoration: underline;
}
#content a:link, #content a:visited { /* Link Style - active and visited */
	color: #324a50;
	background-color: #fff;
}
#content a:hover { /* Link Style - hover */
	color: #324a50;
	background-color: #CCCCCC;
}
body a, body a:link, body a:visited { /* Link Style for body spacer image link to skip navigation */
	text-decoration: none;
	border: 0px;
	color: #333;
	background-color: #333;
}
body a img { /* image for body spacer image link to skip navigation */
	margin: 0px;
	padding: 0px;
	border: 0px solid #333;
	}
/* -----------------------content definition styles - NEW------------------------------------*/
#content a#TJK_ToggleON {/*open all faq buttons*/
	margin: 10px 5px 15px 55px;
	padding: 10px;
	border:1px solid #333;
}
#content a#TJK_ToggleOFF {/*close all faq buttons*/
	margin: 10px 5px 15px 5px;
	padding: 10px;
	border:1px solid #333;
}
#content dl#TJK_DL {  /*definition list used for show and hide drop down information*/ 
	margin: 10px 55px 15px 55px;
	padding: 10px;
	color: #000000;
	background-color: #C4D2D9;
	border: 1px solid #86a2af;
}
#content dd {margin: 5px 0px 10px 0px; padding:10px; color: #000; background-color: #D1DBE0;}
/*see additional formatting for the TJK definition list in the TJK_ToggleDL.css*/
/*----------------------------show and hide definition feature--------------------------------------*/
#content .definition { /* Definition show and hide style */
	color: #000;
	background-color: #D1DBE0;
	width: 90%;
	padding:5px;
}
#content .definitionopen { /* Definition open - show and hide style */
	color: #000;
	background-color: #AEC1CA;
	width: 90%;
	padding:5px;
}
#content .definitionopen ul { /* Definition open list style */
	margin-left:20px;
	font-size:120%;
	margin-top:10px;
	list-style: none;
}
#content ul li div.definitionopen a, #content ul li div.definitionopen a:link, #content ul li div.definitionopen a:visited { /* Definition open Link Style */
	color: #324a50;
	background-color: #AEC1CA;
}
#content ul li div.definition a, #content ul li div.definition a:link, #content ul li div.definition a:visited { /* Definition open Link Style */
	color: #324a50;
	background-color: #D1DBE0;
}
#content ul li div.definitionopen a:hover, #content ul li div.definition a:hover { /* Definition Link Style - hover */
	color: #324a50;
	background-color: #CCCCCC;
}
/*----------------------------note box--------------------------------------*/
#content .note { /* note box style */
	margin: 10px 55px;
	color: #000;
	background-color: #D1DBE0;
	border: 1px solid #86a2af;
	position: relative; /*needed for ie bug: container is relative, so this must also be relative*/
}
#content .note p { /* note box text style */
	margin: 0px;
	padding: 0px 15px 15px 15px;
}
#content .note h4 { /* note box h4 style */
	margin: 0px;
	padding: 15px 15px 5px 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666;
	background-color: #D1DBE0;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.1em;
}
#content .note a { /* Note box link style */
	color: #324a50;
	background-color: #D1DBE0;
}
/*----------------------------spotlight box--------------------------------------*/
#content #spotlight { /* spotlight box for main page */
	margin: 20px 20px 0px 30px;
	padding: 0px;
	position: relative;
	float: right;
	width: 195px;
	background: #fff url(../images/spotlight_bkgrnd.gif) repeat-y 0 0;
	color: #000;
	}
*html #content #spotlight { /* spotlight box for main page - IE Fix */
	margin: 50px 10px 0px 30px;
	font-size: 96%;
	}
#content #spotlight p { /* spotlight box text style for main page */
	margin: 0px;
	padding: 2px 25px 10px 25px;
	font-size: .95em;
	line-height: 1.2em;
}
#content #spotlight h2 { /* spotlight box h2 style for main page */
	margin: 0px;
	padding: 10px 10px 0px 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	height: 44px;
	font-size: 1.3em;
	line-height: 1em;
	position: relative;
	background: url(../images/spotlight_top.gif) no-repeat 0px 0px;
	}
#content #spotlight h3 { /* spotlight box h3 style for main page */
	padding: 10px 10px 2px 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: .9em;
	position: relative;
	}
#content #spotlight #solidline { /* spotlight box solid line text */
	margin: 0px 25px 10px 25px;
	padding: 0px 0px 5px 0px;
	text-align: right;
	border-bottom: 1px solid #999999;
}
#content #spotlight img { /* image aligned left with a border in the spotlight box */
	margin: 0px 35px 5px 25px;
	padding: 0;
	float: left;
	border: 1px solid #999999;
	position: relative;
	} /*70px is maximum ideal width for images in spotlight content*/
#content #spotlight #spotlightfooter { /* spotlight box footer style */
	margin: 0px;
	padding: 0;
	height: 10px;
	background: url(../images/spotlight_footer.gif) no-repeat 0px 0px;
	position: relative;
	clear: both;
}
*html #content #spotlight #spotlightfooter { /* spotlight box footer style */
	background: url(../images/spotlight_footer.gif) no-repeat 0px 100%;
}
/*----------------------------footer--------------------------------------*/
#footer { /* Footer Container Style for text only */
margin: 0px;
padding: 5px 0px;
height: 52px;
text-align: left;
background: #6a7852 url(../images/footer_bkgrnd.gif) repeat-x left top;
color: #000;
}
#footer h4 { /* Footer Header 4 Style */
margin: 0;
padding: 5px 50px 5px 55px;
font-weight: bold;
font-size: .95em;
line-height: 1.2em;
}
#footer p { /* Footer Text Style */
margin: 0px;
padding: 0px 50px 0px 55px;
font-size: .85em;
line-height: 1.3em;
}
#footer a, #footer a:visited { /* Footer Text Link Style */
	text-decoration: underline;
	color: #000;
	background-color: #73805c;
}
#footer a:hover { /* Footer Text Link Style - hover */
	color: #000;
	background-color: #9AA981;
}
/*------------------------------------------Form------------------------------------------*/
div#form { /*Contains header, instructions and form content*/
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	}
div#form table { /* Form Table Style */
	margin: 5px 55px 10px 55px;
	padding: 0px;
	border: 2px solid #73805c;
}
div#form textarea, div#form select, div#form input { /*Textfields with multiple lines*/
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	}
div#form td { /* Form column */
	/* margin-left: 10px; */
	padding: 5px;
	vertical-align: top;
}
div#form th.label { /*Label field column*/
	padding-right: 10px;
	font-weight: bold;
	text-align: right;
	color: #000;
	background-color: #DBDFD2;
	/* border-left: 3px solid #aebbdd; */
}
div#form tr.required td { /*Required field rows, changes color to highlight what is required*/
	color: #000;
	background-color: #DBDFD2;
}
div#form tr.required th.label { /*Required field row label, changes style of label field required*/
	color: #000;
	background-color: #A4AE8E;
}		
div#form input:focus { /*Highlights the text field box that the user has clicked with the mouse*/
	color: #000;
	background-color: #FCE679;
	}
.writein { /*Formats the text field box and is used for printing as underlined fields*/
	padding-left: 3px;
	border: 1px solid #999999;
	}
div.formEnd { /*used to format all items after form fields, submit and mail areas*/
	margin-top: 2px;
	padding-top: 5px;
	text-align: center;
	}	
div#form div#submitArea { /*Includes submit button and any other text referring to required fields highlighted*/
	/*
text-align: center;
	margin-top: 1px;
	padding-top: 1px;
*/
	}
div#form input.button { /*Submit button formatting*/
	margin: 5px;
	padding: 3px;
	text-align: center;
	font-weight: 900;
	}	
/*
div#form input.button:focus { Highlights the text field box that the user has clicked with the mouse
	}	*/
div#form a.buttonLink { /*Submit button link formatting*/
	color: #000;
	background-color: #ECFFFB;
	text-decoration: none;
	}
div#form a.buttonLink:link, div#form a.buttonLink:visited { /*Submit button link - active and visited formatting*/
	color: #000;
	background-color: #ECFFFB;
	text-decoration: none;
	}
div#form a.buttonLink:hover { /*Submit button link - hover formatting*/
	color: #000;
	background-color: #ECFFFB;
	text-decoration: none;
	}			
div#mailArea { /*Used to hide or show the mail to information*/
	display: none;
	}		
	
/*---------------------------------Miscellaneous----------------------------------------*/
#content div.spacer { /*Empty div tag used to clear both floats*/
	clear: both;
}	
#content #returntotop { /*Return to Top Link formatting*/
	text-align: center;
	}
#content a.termbutton { /*Term buttons for Forum*/
	margin: 5px 10px;
	padding: 5px 10px;
	text-align: center;
	font-weight: 900;
	color: #000;
	background-color: #D1DBE0;
	border: 1px solid #86a2af;
	text-decoration: none;
	}