﻿body 
{
	margin: 0;
	padding: 0;
	background-color: #6c6c9e;
	background-image: url(https://www.healthyworksite.com/images/pg_bg.jpg);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}

.sm_txt { font-size: 9px; }
.med_txt { font-size: 14px; }

a, a:link, a:visited, a:hover 
{
	color: #6c6c9e;
}

img { behavior: url("includes/pngbehavior.htc"); }

h1 
{
	color: #7979A5;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

.red_alert 
{
	color: #FF0000;
	font-weight: bold;
}

.purple_italic 
{
	color:#6c6c9e;
	font-style: italic;
	font-weight: bold;
}

.purple_bold 
{
	color:#6c6c9e;
	font-weight: bold;
}

.orange_italic 
{
	color:#FF9933;
	font-style: italic;
	font-weight: bold;
}

.clear 
{
	clear: both;
}

.left { float: left; }
.right { float: right; }

#menu_main .right { padding-right: 10px; }

#wrapper 
{
	width: 800px;
	height: 600px;
	margin: 0 auto;
}

#pgHeader, #pgMenu, #pgContent 
{
	display: inline;
}

#menu_main 
{
	display: block;
	float: left;
	background-color: #7979A5;
	width: 515px;
	height: 23px;
}

#menu_main a, #menu_main a:link, #menu_main a:visited 
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
	font-weight:bold;
	line-height: 23px;
}

#menu_main .left { color: #FFFFFF; }

.tricolumn 
{
	line-height: 16px;
	width: 32%;
	float: left;
	font-size: 9px;
	font-weight: bold;
}

.component_hide { display: none; }
.component_show { display: block; }


/****************************************************/
/************** SECONDARY PAGE STYLES ***************/
/****************************************************/
body#secondaryPg 
{
	background-color: #aaabc7 !important;
	background-image: url(https://www.healthyworksite.com/images/secondarypg_bg.jpg) !important;
	background-repeat: repeat-x;
}
#secondary_logoTop, #secondary_logoBottom 
{
	display:block;
	float: left;
	width: 223px;
}

#logo_link 
{
	position: absolute; 
}

#spacer_right 
{
	position: absolute;
	width: 60px;
	height: 600px;
	float: left;
	display: block;
}

#secondary_body 
{
	position: absolute;
	width: 740px;
	height: 600px;
	float: left;
	display: block;
}

#quizholder
{
	/*position: absolute; */
	width: 648px;
	height: 468px;
	padding-left: 40px;
	padding-bottom: 10px;
	
}

#pgContent { height: 600px; }

#pgBackground 
{
	position: absolute;
	float: left;
	display:block;
	width: 740px;
	height: 600px;
	top: 45px;
	z-index: -5;
}

#secondaryPg #menu_main { height: 21px !important; }
#secondaryPg #menu_main a, #secondaryPg #menu_main a:link, #secondaryPg #menu_main a:visited 
{
	height: 21px !important;
	line-height: 21px !important;
}

#secondaryPg #menu_main li ul li a { height: auto !important; }
#secondaryPg #menu_main li ul li a, #secondaryPg #menu_main li ul li a:link, 
#secondaryPg #menu_main li ul li a:visited 
{
	height: auto !important;
	line-height: normal !important;
}

#column_left 
{
	display: block;
	width: 260px;
	height: 400px;
	float: left;
	 margin-top:75px;
}

#column_right 
{
	display: block;
	width: 447px;
	min-height: 400px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	border-right: solid 1px #7979A5;
	padding-top: 30px;
}

#column_admin
{
	display: block;
	width: 700px;
	min-height: 400px;
	padding-left: 200px;
	padding-top: 30px;
}

#column_quiz
{
	display: block;
	width: 700px;
	min-height: 400px;
	padding-top: 10px;
	padding-left: 30px;
}
#quiz_bottom
{	padding-top: 10px;
	padding-left: 50px;
}

#login_box 
{
	border: solid 1px #7979A5;
	background-color: #aaabc7;
	padding: 15px;
	width: 250px;
	font-weight: bold;
}

#login_box input[type="submit"] { margin-top: 10px; }
.login_uid { margin-left: 13px; }

#Pdf_left
    {
     margin-top: 75px;
     margin-left: 75px; 
     padding: 0;
     }
.reqs { font-size: 9px; }
#cat_menu { margin-top: 75px; }

.cats_hide, .cats_show { list-style: none; margin-left: 60px; padding: 0; }
.cats_hide a, .cats_hide a:link, .cats_hide a:visited, .cats_hide a:hover,
.cats_show a, .cats_show a:link, .cats_show a:visited, .cats_show a:hover 
{
	color: #FFFFFF;
	text-decoration: none;
}

.li_second a, .li_second a:link, .li_second a:visited, .li_second a:hover 
{
	color: #6c6c9e !important;
	text-decoration: underline !important;
}

.cats_hide .li_second { display: none; }
.cats_show .li_second { display: block; }

.li_first 
{
	background-color: #7979A5;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 13px;
	padding: 5px;
}

.li_second 
{
	background-color: #aaabc7;
	padding: 5px;
}
	
.showDiv { display: block; }
.hideDiv { display: none; }

.hdr_prp
{
    background-color: #FF9933;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 11px;
    padding: 5px;
    text-align: center;
    width: 425px;
    /* position: absolute;
    top: 275px;*/
}

#prg_wrapper 
{
	background-color: #F5DE9B;
	width: 413px;
	padding: 10px;
	border: solid 1px #FF9933;
    /* position: absolute;
    top: 300px;	*/
}

#prg_left, #prg_right 
{
	float: left;
	display: block;
}

#prg_left { width: 50%; }
#prg_right { width: 45%; }

.ftr_prp 
{
	background-color: #FF9933;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 9px;
	padding: 5px;
	text-align: right;
	width: 425px;
}
.ChallengeBox
{
	text-align:center;
}

.TabSet
{
	width: 488px;
	height: 24px;
}
.Tabs
    {
        float:left;
        text-align: center;
        width: 96px;
        height: 21px;
        line-height: 24px;
        background-image: url(https://www.healthyworksite.com/images/purple_tab.gif);  
   }
.Tabs a, #Tabs a:link, #Tabs a:visited 
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 9px;
	font-weight:bold;
	line-height: 21px;
}
.Tabs
    {
        float:left;
        text-align: center;
        width: 96px;
        height: 21px;
        line-height: 21px;
        background-image: url(https://www.healthyworksite.com/images/purple_tab.gif);  
   }
.Tabs a, #Tabs a:link, #Tabs a:visited 
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 9px;
	font-weight:bold;
	line-height: 21px;
}.TabsYellow
    {
        float:left;
        text-align: center;
        width: 96px;
        height: 21px;
        line-height: 21px;
        background-image: url(https://www.healthyworksite.com/images/yellow_tab.gif);  
   }
.TabsYellow a, #TabsYellow a:link, #TabsYellow a:visited 
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 9px;
	font-weight:bold;
	line-height: 21px;
}
 
img.floatRight { 
    float: right; 
    margin: 4px; 
}
.afloatRight { 
    float: right; 
    margin: 4px; 
}
.afloatLeft { 
    float: left; 
    margin: 4px; 
}