/* ================================
    CSS STYLES FOR eShop-Server
   ================================
*/   

body
{	padding: 0px;
    margin: 0px;
    width: 1000px;    
    FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: Tahoma,Helvetica;
    BACKGROUND-COLOR: #FFFFFF;
    /*
    SCROLLBAR-FACE-COLOR: #DEE3E7;
    SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
    SCROLLBAR-SHADOW-COLOR: #DEE3E7;
    SCROLLBAR-3DLIGHT-COLOR: #D1D7DC;
    SCROLLBAR-ARROW-COLOR:  #336633;
    SCROLLBAR-TRACK-COLOR: #EFEFEF;
    SCROLLBAR-DARKSHADOW-COLOR: #98AAB1;
    MARGIN-HEIGHT: 3;
    MARGIN-WIDTH: 4;
*/
}

table {
    BORDER-COLLAPSE: collapse;
}
td {
    FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

/* general hyperlink styles */
a:link,a:active,a:visited { COLOR: #336633; FONT-WEIGHT: bold; }
a:hover	{ TEXT-DECORATION: underline; COLOR: #339933; FONT-WEIGHT: bold; }

.sitetitle {
    FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #336633; FONT-FAMILY: Tahoma,Helvetica; TEXT-DECORATION: none; POSITION: relative; TOP: 3px
}
/* background/border colors for the selected tab */
.tabbg {
    BACKGROUND-IMAGE: url(navbar_bg_on.gif);
}

/* background/border colors for the unselected tabs */
.othertabsbg {
    BACKGROUND-IMAGE: url(navbar_bg.gif);
}

/* text style for the selected tab */
.selectedtab {
    FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-SIZE: 13px; COLOR: white; TEXT-DECORATION: none; FONT-WEIGHT: bold;
}

/* hyperlink styles of the unselected tabs */
a.selectedtab:link,a.selectedtab:visited,a.selectedtab:active,a.selectedtab:hover { COLOR: white; TEXT-DECORATION: none; }

/* text style for the unselected tabs */
.othertabs {
    FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-SIZE: 13px; COLOR: white; TEXT-DECORATION: none; FONT-WEIGHT: bold;
}

/* hyperlink styles of the unselected tabs */
a.othertabs:link,a.othertabs:visited,a.othertabs:active,a.othertabs:hover { COLOR: #333333; TEXT-DECORATION: none; }

.moduletitlebg {
    BORDER-BOTTOM: #98AAB1 1px solid;
}
.modulebuttonsbg {
    BORDER-TOP: #98AAB1 1px solid;
}
.normal {
    FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.normalbold {
    FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold
}
.normalred {
    FONT-SIZE: 10px; COLOR: Red; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold
}
.normalGrey {
    FONT-SIZE: 10px; COLOR: Grey; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold
}
.big {
    FONT-SIZE: 14px; COLOR: #336633; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight: bold
}
.itemstyle {
    BACKGROUND-COLOR: #FFFFFF;
}
.alternatingitemstyle {
    BACKGROUND-COLOR: #FFFFFF;
}

.forumline { BACKGROUND-COLOR: #FFFFFF; BORDER: 1px #98AAB1 solid; }
td.forumRow1 { BACKGROUND-COLOR: #D1D7DC; }
td.forumRow2 { BACKGROUND-COLOR: #EFEFEF; }
td.forumRow3 { BACKGROUND-COLOR: #DEE3E7; }

hr { HEIGHT: 0px; BORDER: solid #D1D7DC 0px; BORDER-TOP-WIDTH: 1px;}

/* Form elements */
input,textarea,select { COLOR: #000000; FONT: normal 11px Verdana, Arial, Helvetica, sans-serif; }

.htmltextbox { background-color: #FFFFFF; }

/* SafetyFlorida Elements */
.codeLookup
{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
}

.SMSCompanyName
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.SMSText
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.dataGridCell
{
	padding-left:10px;
	padding-right:7px;
}

#letter_table
{
	margin: 0px;
	padding: 10px 0px;
	width: 100%;
}

#letter_table td
{
	width: 33%;
	padding: 0px 0px 10px 0px;
	text-align: center;
}

/* new USF main site banner as of 20061109 */
/*2/17/2006 EL - new styles for Header V.4*/
/****************BEGIN: Header V.4: USF Health logo, new backgroung, new USF links, USF Health dropdown navigation based on V.1.2****************/
/*1 pixel repeated background fill */
.headBkgd {
	background: url(http://hsc.usf.edu/nocms/global_files/images/head4_background_fill.jpg) top repeat-x;
	border-bottom: 1px #363 solid;
}

/*USFH logo */
.headLogo {
	/*taken out because image needs to be a link*/
	/*background: url(http://hsc.usf.edu/nocms/global_files/images/head4_logo.gif) no-repeat;*/
	height: 67px;
	margin-left: 25px;
	margin-top: 5px;
}

/*main backgeound image */
.headMainImage {
	background: url(http://hsc.usf.edu/nocms/global_files/images/head4_background.jpg) top left no-repeat !important; 
	height: 79px; 
	width: 100%;
}

/*begin: styles for USF text on gold bar */
.headUSF {
	color: #fff !important;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	float: right;
	padding-right: 32px;
	padding-top: 2px;
	height: 20px;
}

.headUSF a {
	color: #fff !important;
	text-decoration: none !important;
}

.headUSF a:hover {
	color: #363 !important;
	text-decoration: none !important;
}

.headUSF a.headUSF2 {
	color: #fff !important;
	text-decoration: none !important;
}

.headUSF a.headUSF2:hover {
	color: #363 !important;
	text-decoration: none !important;
}

.headUSFLinks {
	color: #333 !important;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	padding-left: 25px;
}

.headUSFLinks a {
	color: #333 !important;
	text-decoration: none !important;
}

.headUSFLinks a:visited {
	color: #333 !important;
	text-decoration: none !important;
}

.headUSFLinks a:hover {
	color: #eee !important;
	text-decoration: none !important;
}

.headMiddleClear {
	height: 35px;
}

td.headMainTableCell, td.headMainLeftCell, td.headMainRightCell, td.headUSFCell, td.headMiddleCell, td.headMenuCell {
	border: 0px;
}

td.headMainLeftCell {
	text-align: left;
}

td.headMenuCell {
	font-size: 16px !important;
}

/*end: styles for USF text on gold bar */


/*begin: styles for USF Health dropdown menu on green bar in Header V.4*/
/*named menu4 so HSC.css maintains backward compatibility with pages using Header V.1.2*/
#menu4 {
	/*width: 550px !important;*/ /*need to define width or else flex width will wrap menu to next line*/
	width: 100% !important; /*need to define width as 100% or minimally 550px, else flex width pages will wrap menu to next line*/
	float: right; /*prevents whitespace below header in IE*/
	z-index:500 !important;
	/*padding-right: 10px !important;*/
	/*background: #363;*/
	/*text-align: center;*/
}
#menu4 ul {
	list-style:none;
	margin: 0;
	padding: 0;
	float: left;
	background: transparent;
	z-index:500 !important;
	width: 110px; /*prevents IE from using screen width for an entire object*/
	text-align: center;
}

#menu4  ul.pipe {
	width: auto;
	color: #eed;
	font: bold 11px/16px arial, helvetica, sans-serif;
	text-align: center;
}

#menu4  a {
	font: bold 11px/16px arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	color: #eed;
	background: #363 url(http://hsc.usf.edu/nocms/global_files/images/com/top_nav.gif) center left no-repeat;
	padding-top:3px;
	padding-right:20px;
	padding-bottom:3px;
	padding-left:20px;
	text-decoration: none;
	z-index:500 !important;
}
#menu4  a:hover {
	background: url(http://hsc.usf.edu/nocms/global_files/images/com/top_nav_hover.gif) center left no-repeat;
	z-index:500 !important;
}
#menu4  li {
	position: relative;
	z-index:500 !important;
}
#menu4  ul ul{
	list-style:none;
	position: absolute;
	z-index: 500;
	border-right:1px solid #eed;
	border-left:1px solid #eed;
	border-bottom:1px solid #eed;
	z-index:500 !important;
	width: 10em;
	text-align: left;
}
#menu4  ul ul li a{
	background:#363;
	padding:3px 3px !important;
	z-index:500 !important;
	text-align: left;
}

#menu4  ul a:hover{}

#menu4  ul ul a:hover{
	background:#eed;
	color:#530;
	opacity: 0.8;
	filter:alpha(opacity=80);
	z-index:500 !important;
}

#menu4  ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	z-index:500 !important;
}
div#menu4  ul ul, div#menu4  ul li:hover ul ul, div#menu4  ul ul li:hover ul ul{
	display: none;
	z-index:500 !important;
}
div#menu4  ul li:hover ul, div#menu4  ul ul li:hover ul, div#menu4  ul ul ul li:hover ul {
	display: block;
	z-index:500 !important;
}

/*BEGIN: javascript dropdown menu*/
#menuBar {
	width: 100% !important; /*need to define width as 100% or minimally 550px, else flex width pages will wrap menu to next line*/
	float: right; /*prevents whitespace below header in IE*/
	z-index:500 !important;
}

.menuHeader {
	margin: 0;
	padding: 0;
	float: left;
	background: #363;
	z-index:500 !important;
	width: 110px; /*prevents IE from using screen width for an entire object*/
	text-align: center;
	
}

.menuHeader  a {
	font: bold 11px/16px arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	color: #eed !important;
	background: #363 url(http://hsc.usf.edu/nocms/global_files/images/com/top_nav.gif) center left no-repeat;
	padding: 3px 20px 3px 20px;
	text-decoration: none !important;
	z-index:500 !important;
}

.menuHeader a:hover {
	color: #eed !important;
	background: url(http://hsc.usf.edu/nocms/global_files/images/com/top_nav_hover.gif) center left no-repeat;
	z-index:500 !important;
	text-decoration: none !important;
}

.menuHeader a:visited {
	color: #eed !important;
	z-index:500 !important;
}

.menuDrop {
	position:absolute;
	visibility: hidden;
	border-right:1px solid #eed;
	border-left:1px solid #eed;
	border-bottom:1px solid #eed;
	width: 10em;
	opacity: 0.9;
	filter:alpha(opacity=90);
	background: #363;
	text-align: left !important;
	z-index:500 !important;
}

.menuDrop a{
	display: block;
	padding: 3px 3px !important;
	text-decoration: none  !important;
	color: #eed !important;
	font: bold 11px/16px arial, helvetica, sans-serif;
	z-index:500 !important;
}

.menuDrop a:visited{ /*hover background color*/
	color: #eed !important;
	z-index:500 !important;
}

.menuDrop a:hover{ /*hover background color*/
	background: #eed;
	color: #530  !important;
	z-index:500 !important;
	text-decoration: none !important;
}
/*END: javascript dropdown menu*/

/*end: styles for USF Health dropdown menu on green bar in Header V.4*/

/*****************END: Header V.4: USF Health logo, new backgroung, new USF links, USF Health dropdown navigation based on V.1.2****************/

table#videoList th
{
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

/* privacy page additions */
h5.privacySubheader {
	font-style: italic;
}
ul.privacyUL {
	margin: 0px;
	padding: 0px;
}
ul.privacyUL li {
	list-style-type:none;
}
p.privacySubsection {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
/** new homepage definitions **/
#content
{
	width: 875px;
	text-align: left;
	background-color: #316531;
}

#content div.columns
{
	width: 100%;
}

#content div.column_a
{
	width: 454px;
	float: left;
	border-right: 1px solid black;	
}
/*
#content div.column_a > div, #content div.column_b > div
{
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}
*/

#content div.column_b
{
	width: 420px;
	float: left;
	background-color: #316531;
}
/* upload admin page */
div#uploadSection
{
	margin: 40px 10px 20px 50px;
}

#localfile
{
	width: 100%;
}

div#uploadSection fieldset
{
	width: 50%;	
	border: 1px solid #666;
	margin-bottom: 30px;
	padding: 0px;
	display: block;
}

div#uploadSection fieldset legend
{
	padding: 3px 6px;
}

div#uploadSection fieldset legend span
{
	font-weight: bold;
}

div#uploadSection fieldset div
{
	width: 100%;
	/*height: 30px;*/
	padding: 15px 20px 10px 20px;
	background-color: #CCC;
	border-top: 1px solid #333;
}

div#button_group
{
	margin-top: 20px;
	width: 20%;
	overflow: auto;
}

div#button_group div
{
	text-align: center;
	float: left;
	width: 49%;
}

div#swine_flu
{
	padding: 16px 0px;
	color: #fff;
	background-color: red;
	border: 1px solid black;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
}

div#swine_flu a
{
	color: #fff;
	text-decoration: none;
}

div#swine_flu a:hover
{
	text-decoration: underline;
}