/** This file contains CSS specific to STW content.
   * This should mainly be used for custom style work on
  * specific pages.
  * Try to leave comments indicating what this stuff is for.
  */

/* General Layout */
body.ymg #ft {
    background-color:#FBFAE8;
    margin-left:0;
    padding: 13px; 
    width:742px;
}

.base #HealthArticlesList ol {
	margin: 13px 0; 
}

.base #HealthArticlesList ol li,
.base #HealthArticlesList ol.GroupList li {
	list-style: none; 
	border-bottom: 1px solid #ccc; 
	padding: 8px 0; 
}

.base #HealthArticlesList ol li a { font-weight: bold; }
.base #HealthArticlesList ol.GroupList li a { font-weight: normal; }

.base #HealthArticlesList ol li p {
	padding: 0; 
	margin: 0; 
}

#admin-nav-ymg form {
    margin: 0px !important;
}

/* Left Navigation */
#left-nav ul.T2 {
    display: none;
}

#left-nav .T1Active ul.T2  {
    display: block;
}

#left-nav .Active .T2Active {
    font-weight: bold;
}

/* Style copied from staywell */
#contentarea #contentborder #content, 
#siteareas .siteareasingle, 
#siteareas .siteareadoubleleft, 
#siteareas .siteareadoubleright, 
#clientintro { line-height: 20px; }

.Option { display:block; margin-top: 8px; }

.JavaScriptQuiz .QuestionText { font-weight:bold; margin-top: 8px; }

.Resources,
.Button input { margin-top:13px; }

.CalculatorBox {
    background-color:#F2F2F2;
    display:block;
    padding:10px;
    width:380px;
}

.CalculatorBox .Question { margin-bottom:13px; }

.CalculatorBox input, .Results input, .Button input {
    color:#666666;
    font-size:90%;
    font-weight:bold;
    padding:2px;
    text-decoration:none;
    text-transform:uppercase;
}

#detailStaywell td.cell0 {
    padding-right:20px;
    width:50%;
    border:1px dotted #FFFFFF;
}

/* End Style copied from staywell */


/* Related Pages */
#bd p.More { text-align: right; }
#bd p.More a { color: #002E5A; }
#bd p.More a:hover { color: #FF501A; text-decoration: none; }

#bd .base #RelatedResources h3 {
    color:#fff;
    font-size:115%;
    margin: 0;
    padding: 7px 10px;
    background-image: url('/stw/layoutImages/relatedquizH3_bg.gif'); 
    background-repeat: repeat-x; 
}

#bd #RelatedResources ul {
	margin: 0; 
	padding: 10px 10px 10px 25px; 
	background-image: url('/stw/layoutImages/relatedquiz_bg.gif');
	background-repeat: repeat-x;
    background-color: #fff;
}

#bd table th {
    color:#fff;
    font-size:115%;
    margin: 0;
    padding: 7px 10px;
    background-image: url('/stw/layoutImages/tableTH_bg.gif'); 
    background-repeat: repeat-x; 
    background-color: #4C96BE; 
}

/* Page List - Group List */
.IconImage {float:left;}
#bd .CustomGroups .IconImage img {padding:0; margin-right: 5px; }

#bd .CustomGroups {padding:5px 0; clear: both; list-style: none; list-style-type: none; }

.description {clear:right;}

#bd .other_container #detailStaywell ol {margin-left: 25px;}

/* Drug search */
#DrugSearchLetter li {
    border: 1px solid #CCCCCC;
    margin: 3px;
}
#DrugSearchLetter li span.letter { padding: 0; }
.searchResult { padding: 5px 0 0 5px; }
.searchResult span { color: #FF501A; }

/* End Drug Search */


/* Photobooks overrides of Yale CSS */
body.ymg div#content-wrap {
	background-color: #fff; 
	background-image: none; 
	border-right: 1px solid #0064BA;
	border-bottom: 1px solid #0064BA;
	width: 768px;
}

#col-wrap div.photo-thumb-wrap ul.floatlt {
	width: 127px;
}

#col-wrap ol.GroupList {
	margin: 0;
	padding: 0;	
}

#col-wrap ol.GroupList li {
	list-style: none;
	clear: both;
	padding: 13px 0; 
}

#col-wrap ol.GroupList li img {
	float: left; 
	padding-right: 10px;
}

#col-wrap ol.GroupList li .IconImage {
	margin: 0; 
	padding: 0 10px 0 0;
}

#col-wrap ol.GroupList li h3 {
	margin: 0; 
}

#col-wrap ol.GroupList li .description {
	margin-top: .3em;
	margin-bottom: 13px;
	line-height: 19px;
}

#col-wrap #HealthArticlesList ol.GroupList li .description {
	margin: 0; 
	padding: 0; 
}

label.orange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
}

.base table.noborder td,
.base table.noborder th {
	border: 0; 
}

#detailStaywell p img {
	float: right; 
	padding: 10px;
}

#detailStaywell div.img {
	float: right; 
}

#detailStaywell ul li p {
	margin: 0; 
	padding: 0; 
}

#col-wrap .base #detailStaywell table#workableGuide th, 
#col-wrap .base #detailStaywell table#workableGuide td,
#col-wrap .base #detailStaywell table th, 
#col-wrap .base #detailStaywell table td { border: 0; }

#col-wrap .base #detailStaywell table th {
	text-align: left; 
	background-color: #E7E7E7;
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	color: #5B5B5B;
	padding: 7px 5px; 
}

#col-wrap .base #detailStaywell table td {
	border-bottom: 1px solid #ccc; 
	padding: 6px 5px; 
}

#detailStaywell .layout_Pagination { text-align: right; }

/** Health Center Landing Pages **/

#col-wrap hr.nomarginHR { margin: 0; }
#col-wrap table#workableGuide { margin-bottom: 0; padding-bottom: 0; }
#col-wrap #workableGuide ol.GroupList li { padding: 5px 0; }
#col-wrap #workableGuide ol.GroupList li img.groupIcon { padding-right: 10px; }
#col-wrap #workableGuide ol.GroupList li a { font-weight: bold; color: #666; }
#RelatedResources div#HealthQuiz { width: 50%; float: left; }
#RelatedResources div#HealthCalc { padding-left: 20px; width: 40%; float: left; }
#HealthQuiz ul { padding: 0 5px; margin: 0; display: inline; float: left; width: 105px; }
#HealthQuiz ul li { clear: both; }
#HealthQuiz ul li div.description { display: none; }
#col-wrap #HealthCalc h2 { margin-bottom: 10px; }
#col-wrap #HealthCalc a { line-height: 15px; }
#col-wrap #HealthCalc ul { margin-top: 0; margin-left: 15px; }
#col-wrap #HealthCalc div.description p,
#col-wrap #HealthCalc ul li div.description p { line-height: 15px; margin: 0; padding: 0; }
#col-wrap #PopularFooter { margin-top: 10px; }
#col-wrap #PopularFooter ul { width: 45%; float: left; padding: 5px 10px; margin: 0; }
#PopularFooter ul li { padding-left: 25px; list-style: none; list-style-type: none; list-style-image: none; }
#PopularFooter ul li.glossaryIcon { background: transparent url('/stw/layoutImages/glossary_icon.gif') no-repeat scroll left top; }
#PopularFooter ul li.interactiveIcon { background: transparent url('/stw/layoutImages/interactiveTools_icon.gif') no-repeat scroll left top; }
#PopularFooter ul li.multimediaIcon { background: transparent url('/stw/layoutImages/multimedia_icon.gif') no-repeat scroll left top; }
#PopularFooter ul li.onlineIcon { background: transparent url('/stw/layoutImages/onlineResource_icon.gif') no-repeat scroll left top; }
#workableGuide td { border: none; }
.groupIcon { float: left;padding-right: 5px; }

form input.find-btn { border: 0; }

ul.bullet-person li#animations { background-image: url('/stw/icons/Icons_YMG_Staywell_animation.gif');}
ul.bullet-person li#podcasts { background-image: url('/stw/icons/Icons_YMG_Staywell_podcast.gif');}
ul.bullet-person li#videos { background-image: url('/stw/icons/Icons_YMG_Staywell_video.gif');}
ul.bullet-person li#quizzes { background-image: url('/stw/icons/Icons_YMG_Staywell_quiz.gif');}
ul.bullet-person li#riskassessments { background-image: url('/stw/icons/Icons_YMG_Staywell_risk_assessment.gif');}
ul.bullet-person li#calculators { background-image: url('/stw/icons/Icons_YMG_Staywell_calculator.gif');}

ul.bullet-person li a,
ul.bullet-quiz li a { position: relative; bottom: 3px; }

ul.bullet-quiz li {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url('/stw/icons/Icons_YMG_Staywell_quiz.gif') no-repeat scroll left top;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:0;
	padding-left:20px;
}


/* style for group homepage */
.indexIndent {
    padding-left: 25px;
}