.fileUploadBrowse
{
  width: 30em;
  height: 22px;
}
.fileUploadSubmit
{
  margin: 0px;
  height: 22px;
}

/**
 * This is in the middle of refactoring (BugzId: 113).
 * We'll start off with a section by future file breakout, then layout, style, and color.
 */

/*
 * This stylesheet is organized into sections:
 *
 *   * Layout
 *   * Style
 *   * Color
 *
 *  When looking at a selector, be sure you look for it in all three sections.
 */






/******
 *
 * MasterStyleSheet (File)
 *
 *****/






/*******
 *
 * Layout
 *
 *******/



body
{
  margin: 0.75em;
  padding: 0;
}



/***
 *
 * Horizontal Lists
 *
 ***/

/* For example, some navigation menus. */

.navigation-user ,
.navigation-boilerplate ,
.search-result .index {
  margin: 0;
  padding: 0;
}

.navigation-user li ,
.navigation-boilerplate li ,
.search-result .index li {
  display: inline;
  margin: 0;
  padding: 0 0.5em;
  white-space: nowrap;
}



/***
 *
 * Branding
 *
 ***/ 
 
/* "branding" reminds users of where they are. */
/* Logos in the header for example. */
 
.branding {
  margin: 0;
  padding: 0;
  height: 50px;
  margin-bottom: 0.5em;
}

/* Padding to main navigation */
/* (Necessary here because branding is floated (main navigation margins wouldn't count.) */

.branding {
}

.branding-healthination img {
  float: left;
}

.branding-client {
  float: right;
}

.branding img {
  display: block;
}



/***
 *
 * Navigation
 *
 ***/

/* Navigation (main and user) contatiner at the head of the page. */



div.navigation {
  clear: both;  /* The earlier branding elements are floated */
  margin: 0 0 0.5em;
  overflow: hidden;  /* Contain the floats */
  width: 100%;  /* IE hasLayout */
}



/* Padding won't work because the children are floated, */
/* so we give margins to the children. */
/* IE doesn't fully respect margins, so we use padding. */

.navigation-main ,
.navigation-user {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}



/***
 *
 * Main Menu
 *
 ***/

/* Users, Playlists, Videos, etc. */



.navigation-main {
  clear: left;
  float: left;
}



/***
 *
 * User Menu
 *
 ***/

/* Contains username, help, and login/logout */



.navigation-user {
  clear: right;
  float: right;
}



/***
 *
 * Footer
 *
 ***/



.navigation-boilerplate {
  clear: both;
}


.navigation-boilerplate ,
.copyright {
  margin: 1em 0 0;
  text-align: center;
}






/*******
 *
 * Style
 *
 *******/



body
{
  font-family: sans-serif;
  font-size: 10pt;
}



/***
 *
 * Horizontal Lists
 *
 ***/

/* For example, some navigation menus. */



.navigation-user li ,
.navigation-boilerplate li ,
.search-result .index li {
  border-right: 1px solid;
}

.navigation-user li.child-last ,
.navigation-boilerplate li.child-last ,
.search-result .index li.child-last {
  border-right: none;
}



.navigation-user :link ,
.navigation-user :visited ,
.navigation-boilerplate :link ,
.navigation-boilerplate :visited {
  text-decoration: none;
}



/***
 *
 * Horizontal Page Stripes
 *
 ***/

/* Page wide horizontal lines demarking body head and foot */



div.navigation ,
.navigation-boilerplate {
  border: 1px solid;  /* STYLE */
  border-right: none;
  border-left: none;
  padding-top: 0;
  padding-bottom: 0;
}

.navigation-boilerplate {
  border-bottom: none;
  padding-top: 1em;
}






/*******
 *
 * Color
 *
 *******/



body
{
  background: white;
  color: black;
}

:link ,
:visited {  /* Should we really hide :visited? */
  color: #094790;  /* Dark Blue */
}



/***
 *
 * Horizontal Page Stripes
 *
 ***/

/* Page wide horizontal lines demarking body head and foot */



div.navigation ,
.navigation-boilerplate {
  border-color: #F1BB71;  /* Orange */
}






/*******
 *
 * Admin (File)
 *
 *******/






/*******
 *
 * Dynamic Border & Fades By Graphics
 *
 *******/

/* This provides the rounded corner border with top and bottom fades that dynamically changes color using graphics */
/* around the administer section. */

/* Inspired by <http://www.vertexwerks.com/tests/sidebox/> */



/***
 * Leave alone
 ***/

.border-box , .border-top , .border-top div , .border-bottom { margin: 0; padding: 0; background-repeat: no-repeat; }
.border-top div { padding-top: 1px; }
.border-bottom { padding: 1px 0; }
.border-box { background-position: bottom right; _height: 0; }  /* IE<7 Hack */
.border-top { background-position: top right; }
.border-top div { background-position: top left; }
.border-bottom { background-position: bottom left; }



/***
 * Padding based on the border graphic
 ***/
 
/* Top / Bottom (minimum of border radius (or in our case, fade graphic area)) */
.administer-border-box .border-top div {
  padding-top: 17px;
}
.administer-border-box .border-bottom {
  padding-bottom: 17px;
}

/* Left/Right (at least border width) (we'll do more because we need padding anyway */

.administer-border-box .border-bottom {
  padding-right: 1em;
  padding-left: 1em;
}



/***
 * Graphic of the box and its fades.
 * Depending on its ancestor class (admin/partner/employer), use different colored graphics.
/***

/***
 * The entire box graphic
 ***/
 
.admin .administer-border-box ,
.admin .administer-border-box .border-top {
  background-image: url(http://evp.healthination.com/WebAdmin/Images/border-box-black.gif);
}

.partner .administer-border-box ,
.partner .administer-border-box .border-top {
  background-image: url(http://evp.healthination.com/WebAdmin/Images/border-box-blue.gif);
}

.employer .administer-border-box ,
.employer .administer-border-box .border-top {
  background-image: url(http://evp.healthination.com/WebAdmin/Images/border-box-orange.gif);
}

/***
 * Just the left side of the graphic (for a "barn door" effect)
 ***/
 
.admin .administer-border-box .border-top div ,
.admin .administer-border-box .border-bottom {
  background-image: url(http://evp.healthination.com/WebAdmin/Images/border-left-black.gif);
}

.partner .administer-border-box .border-top div ,
.partner .administer-border-box .border-bottom {
  background-image: url(http://evp.healthination.com/WebAdmin/Images/border-left-blue.gif);
}

.employer .administer-border-box .border-top div ,
.employer .administer-border-box .border-bottom {
  background-image: url(http://evp.healthination.com/WebAdmin/Images/border-left-orange.gif);
}






/*******
 *
 * Breadcrumb
 *
 *******/

.breadcrumb {
  border: 0px; 
  padding-top: 0.0em; 
  padding-bottom: 0.5em;
  height: 3.5em;
}

.breadcrumb .logo {
  float: right;
}

.breadcrumb .logo img {
  display: block;
}

.breadcrumb .logo br {
  display: none;
}






/*****
 *
 * Manage (File)
 *
 *****/

/* This is a table used for layout, establishing two columnts, "select" and "detail", with extra cells for graphical borders. */


.RowStyle
{
  background-color:WhiteSmoke;
  color:Black;
}

.AlternatingRowStyle
{
  background-color:#ECEBE5;
  color:Black;
}

.SelectedRowStyle
{
  background-color:#426cb3;
  color:White;
}

.HoverRowStyle
{
  background-color:#758db4;
  color:White;
}



.manage {
  border-collapse: collapse;
  width: 100%;
}

.manage td {
  padding: 0;
}

.manage tbody {
  vertical-align: top;
}

/* "select" and "detail" are the two columns equaly dividing table */

.manage td.select ,
.manage td.detail {
  width: 48%;
}

/* "margin" is the space between the "select" and "detail" columns */

.manage td.margin {
  width: 1em;
}






/***
 *
 * Borders
 *
 ***/
 
 
 
 /* Border box graphic */
 
.manage .top-left ,
.manage .top-right ,
.manage .center-left ,
.manage .center-right ,
.manage .bottom-left ,
.manage .bottom-right {
  background-image: url(http://evp.healthination.com/WebAdmin/Images/border-box-white.gif);
  background-repeat: no-repeat;
}

/* The bottom (foot) of the table is not bordered */

.manage tfoot .center-left ,
.manage tfoot .center-right {
  background-image: none;
}



/* The graphic border rounded corner radius */

.manage .top-left ,
.manage .top-right ,
.manage .bottom-left ,
.manage .bottom-right {
  height: 5px;
}



/* Positioning of the border graphic */

.manage .top-left { background-position: top left; }
.manage .top-right { background-position: top right; }
.manage .center-left { background-position: left; }
.manage .center-right { background-position: right; }
.manage .bottom-left { background-position: bottom left; }
.manage .bottom-right { background-position: bottom right; }



/***
 *
 * Header Highlight
 *
 ***/

/* The bottom of the head is a horizontal graphic stripe that changes color */
/* based an an ancestor class (admin/partner/empoyer) */



.admin .manage thead .bottom-right ,
.admin .manage thead .bottom-left {
  background-image: url(http://evp.healthination.com/WebAdmin/Images/bottom-box-black.gif);
}

.partner .manage thead .bottom-right ,
.partner .manage thead .bottom-left {
  background-image: url(http://evp.healthination.com/WebAdmin/Images/bottom-box-blue.gif);
}

.employer .manage thead .bottom-right ,
.employer .manage thead .bottom-left {
  background-image: url(http://evp.healthination.com/WebAdmin/Images/bottom-box-orange.gif);
}



/*******
 *
 * LibrarySearchComponent (File)
 *
 *******/

#mySearch ,
.search-result {
  margin-left: 200px;
}

.search-result {
  width: 521px;
}

/***
 *
 * Border
 *
 ***/

/* Dependent on earlier declorations (unchanging setup stuff) */
/* But we override some here. */

/* An extra decloration to accomodate any height */
.search-result-border-box .border-bottom div { margin: 0; padding: 0; background-repeat: no-repeat; }

/* Change the bottom */
.search-result-border-box .border-bottom { padding: 0; background-position: bottom right; }
.search-result-border-box .border-bottom div { background-position: bottom left; height: 0; }


/***
 * Padding based on the border graphic
 ***/
 
/* Top / Bottom (minimum of border radius) */
.search-result-border-box .border-top div {
  padding-top: 5px;
}
.search-result-border-box .border-bottom div {
  padding-bottom: 5px;
}

/* Left/Right (at least border width) */

.search-result-border-box .border-center {
  padding-right: 8px;
  padding-left: 8px;
}

.search-result-border-box .border-center {
  border-left: solid 1px;
  border-right: solid 1px;
}

.search-result-border-box .border-bottom,
.search-result-border-box .border-top {
  background-image: url(http://evp.healthination.com/WebAdmin/Images/border-box-white.gif);
}

/***
 * Just the left side of the graphic (for a "barn door" effect)
 ***/
 
.search-result-border-box .border-top div ,
.search-result-border-box .border-bottom div {
  background-image: url(http://evp.healthination.com/WebAdmin/Images/border-left-white.gif);
}


.search-result .head {
  margin: 0 0 0.5em;
  font-size: 150%;
}

.search-result .index {
  padding: 0.5em;
  text-align: center;
}


/*******
 *
 * Color
 *
 *******/


.search-result .border-center {
  border-color: #D2D2D2;  /* Light Gray */
}

.search-result .index {
  background: #D7EDF4;  /* Aqua */
}

.search-result .index .active {
  border-color: #094790;
  color: orange;  /* Orange */
}

.search-result .index .inactive {
  border-color: #094790;
  color: #094790;  /* Dark Blue */
}


/*******
 *
 * AddEdit (File)
 *
 *******/
 
  
 /*****
  *
  * Color
  *
  *****/
 
 
 .invalid-summary {
   color: red;
 }
 

/*
 * Layout
 */


h1 {
  margin: 0;
  padding: 0;
  text-align: center;
}


.foot {
  vertical-align: bottom;
}
.foot ,
.submit {
  text-align: center;
}
.foot .id {
  margin: 0;
}
.submit td {
  padding: 0.5em 0;
}
.submit input {
  margin: 0 0.33em;
  width: 9em;
  height: 2em;
}


.select ul {
  margin: 0;
  padding: 0;
}
.select li {
  display: block;
  list-style: none;  /* For IE */
  margin: 0.5em;
  padding: 0;
}

/*
 * style for "ShowAll/ShowActive" labels
 */
 
.select li span
{
  color:#426CB3;
  font-size:12pt;
  font-weight:bold;
}

.titleMapping
{
  color:#426CB3;
  font-size:12pt;
  font-weight:bold;
}

.select .all {
  float: left;
}
.select .active {
  float: right;
}
.select .search {
  clear: both;
  margin-left: 0;
  margin-top: 0;  /* For IE */
}

.searchUsers {
  clear: both;
  margin-left: 0;
  margin-top: 0;  /* For IE */
}

.select .search input {
  width: 60%;
}

.UserSearch {
 width: 60%;
}

.UserManage {
  width:15%;
}

.select .list {
  overflow: auto;
  height: 20em;
}
.select .list th {
  text-align: center;
}


.manage .partner .address,
.manage .partner .contact,
.manage .partner .notes {
  margin-top: 1.0em;
}

.manage .partner .address {
  margin-left: 1.0em;
}

.manage .partner .address .logo {
  display: block;
}

.video2 .image ,
.video2 .detail {
  float: left;
  margin-top: 0em;
  margin-left: 0em;
  margin-bottom: 0;
}
.video2 .image {
  width: 25%;
}
.promotion .image {
  width: 384px;
}
.video2 .description {
  clear: left;
}



.detail dl {
  margin: 0;
  padding: 0;
}
.detail dt {
  clear: left;
  float: left;
  margin: 0;
  margin-right: 0.5em;
  padding: 0;
  text-align: right;
}
.detail dd {
  display: block;
  margin: 0;
  margin-left: 7em;  /* earlier dt width plus margin-right */
  padding: 0;
}


.detail .id {
  text-align: center;
}


.detail .user {
  width: 100%;
  border-collapse: separate;
}
.detail .user col.label {
  width: 7em;
}
.detail th ,
.manage th {
  vertical-align: center;
  text-align: right;
  width: 6.0em;
}
/* To absorb the padding and border of input fields with (content area) width 100% */
.detail .user td {
  padding-left: 3px;
  padding-right: 3px;
}
/* Select input (such as role) take up different space */
.detail .user .role {
  padding-left: 0;
  padding-right: 0;
}
.detail .user .role select {
  margin-left: 3px;  /* Make up for the padding removed earlier */
}
.detail .user input ,
.detail .user select {
  position: relative;
  left: -3px;  /* Padding and border */
  width: 100%
}

.detail .video2 .image img ,
.detail .promotion .image img {
  display: block;
  width: 25%;
}




/*
 * Style
 */


h1 {
  font-size: 16pt;
  font-weight: bold;
}


input.invalid {
  border: 1px solid;
  padding: 2px;
}


.submit input {
  font-weight: bold;
  cursor: pointer;
}


.partner .name {
  font-size: 133%;
}
.detail .id {
  font-size: 90%;
}
.partner .name ,
.detail dt {
  font-weight: bold;
}
.detail .video2 .image ,
.detail .promotion .image {
  border: 1px solid;
  padding: 2px;
}




/*
 * Color
 */


h1 ,
.submit input ,
.edit-input input {
  color: #426CB3;  /* Blue */
}


input.invalid {
  border-color: red;
}


.detail .video2 .image ,
.detail .promotion .image {
  border-color: #D2D2D2;  /* Gray */
}






/* END Dave's New Stuff, BEGIN Borders */








/* END Borders, Begin Old Stuff */




ul
{
  list-style-image: none;
  list-style-position: outside;
  list-style-type: disc;
}
#menu
{
  clear: both;
  float: none;
  margin: 2px 0px 3px 0px;
  border: 1px #F1BB71;
  border-style: solid none;
  padding: 0px 0px 0px 0px;
  width: auto;
  height: 30px;
}
#wrapper
{
  clear: none;
  float: none;
  margin: 0 0;
  border: none;
  padding: 0;
  width: 735px;
  height: auto;
}
#subNav
{
  clear: none;
  float: left;
  margin: 0;
  margin-top: -5px;
  border: none;
  padding: 0;
  width: 195px;
  height: 144px;
}
#mySearch
{
  clear: none;
  float: none;
  position: relative;
  margin: 0 0 0 200px;
  border: none;
  padding: 0;
  width: 524px;
  height: 59px;
}
#mySearch .inputText
{
  clear: none;
  float: none;
  position: absolute;
  top: 19px;
  left: 40px;
  margin: 0;
  border: none;
  border-width: 0px;
  padding: 0;
  width: 380px;
  height: 16px;
}
#mySearch .inputSubmit
{
  clear: none;
  float: none;
  position: absolute;
  top: 17px;
  right: 10px;
  margin: 0;
  border: none;
  padding: 0;
  width: 80px;
  height: 28px;
}
#bodyContent
{
  clear: none;
  float: none;
  position: relative;
  margin: 0 0 0 200px;
  border: 1px #d2d2d2;
  border-style: none solid;
  padding: 8px;
  width: 503px;
  height: auto;
  background: white;
  color: #575757;
}
#bodyContent > .top
{
  clear: none;
  float: none;
  position: absolute;
  top: -1px;
  left: -1px;
  border: 0;
  padding: 0;
  width: 521px;
  height: 4px;
  background: url(http://evp.healthination.com/WebAdmin/Images/521x4_1px_gray_white_top.gif) top no-repeat;
  color: #575757;
}
#bodyContent > .bottom
{
  clear: none;
  float: none;
  position: absolute;
  bottom: -1px;
  left: -1px;
  border: 0;
  padding: 0;
  width: 521px;
  height: 4px;
  background: url(http://evp.healthination.com/WebAdmin/Images/521x4_1px_gray_white_bottom.gif) bottom no-repeat;
  color: #575757;
}

.MainMenuItemClass
{
  border-right-color:Orange;
  border-right-width:1px;
  border-right-style:solid;
  margin-left: 2px;
  padding-left: 0px;
  padding-right: 3px;
}


.groovybutton
{
   font-weight:bold;
   color:#426CB3;
   padding-left: 3px;
   padding-right: 3px;
   margin: 3px;
   height: 25px;
   vertical-align:baseline;
   cursor: pointer;
}

.TextBox
{
margin-top:5px;
height: 20px;
}

.rowHeader
{
color:black;
font-weight:bold;
font-size:large;
padding-left: 5px;
padding-top:10px;
padding-bottom:3px;
}

.rowData
{
  color:#333333;
  font-weight:bold;
  padding-left: 10px;
  padding-top: 5px;
}

.rowData.label
{
  font-weight:normal;
}

/* new accordian */
.AccordianHeader
{
	background: url(http://evp.healthination.com/WebAdmin/Images/bg_title_videoblock.gif) left top no-repeat;
}

.AccordianHeaderSelected
{
	background: url(http://evp.healthination.com/WebAdmin/Images/bg_title_videoblock.gif) left bottom no-repeat;
}

/* SUB / ACCORDIAN NAVIGATION MENU */
div#subNav {
	float: left;
	width: 195px;
}

div#subNav div.subNavHeadline {
	height: 21px;
	font-size: 14px;
	font-weight: bold;
	color: #6c87bc;
	cursor: pointer;
	padding-top: 5px;
	padding-left: 9px;
	margin-top: 5px;
}
div#subNav div.links {
	background: url(http://evp.healthination.com/WebAdmin/Images/bg_title_videoblock.gif) left -26px no-repeat;
}
div#subNav div.elActive {
	display: block;
}
div#subNav div.elInactive {
	display: none;
}
div#subNav div.subNavLinks {
	background: #e2f2f7 url(http://evp.healthination.com/WebAdmin/Images/bg_subnav.gif) left top repeat-x;
}
div#subNav div.subNavLinks ul {
	display: block;
	overflow: auto;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	max-height: 350px;
	border-left: 1px solid #b9dae5;
	border-right: 1px solid #b9dae5;
	border-bottom: 1px solid #b9dae5;
  margin: 0; 
  padding: 0;
}
div#subNav div.subNavLinks ul.heightLimit {
	height: 350px;
}
div#subNav div.subNavLinks ul.links .active {
	color: orange;
}
div#subNav div.subNavLinks ul.links .inactive {
	color: #094790;
}
/* VIDEO PAGES */
div.video {
    margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 5px;
}
div.lastVideo {
	border: none;
	margin: 0;
	padding-bottom: 5px;
}
div.videoThumbSmall {
	float: left;
	width: 81px;
	height: 56px;
	margin-right: 10px;
	border: 1px solid #b9b9b9;
}
div.videoThumbSmall img {
	display: block;
	margin-left: 3px;
	margin-top: 3px;
	width: 75px;
	height: 50px;
}
div.videoThumb {
	float: left;
	width: 150px;
	height: 102px;
	margin-right: 10px;
	border: 1px solid #b9b9b9;
}
div.videoThumb img {
	display: block;
	margin-left: 3px;
	margin-top: 3px;
	width: 144px;
	height: 96px;
}

.videoCopy .title a {
	text-decoration: underline;
	font-size: 14pt;
}

.videoCopy .desc {
	font-size: 10pt;
}

:link img, :visited img { border-style: none; }

div.videoLink {
	float: left;
	width: 105px;
	border: 0px;
	color: #ffffff;
}

div#videoSummaryHeader {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;	
}
div.videoImage {
	float: left;
	width: 265px;
}
div.videoDescription {
	float: left;
	width: 240px;
}

.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear 
{
  display: inline-block;
  width: 503px;
}

.textentry
{
 width:100px;
}