body
{
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #E20A16;
    font-size: 12px;
    font-family: Arial, Verdana, Helvetica;
    /*background-image: url(Images/body_bg.png);*/
}

div#header
{
    width: 100%;
    height: 90px;
    background-image: url(Images/header_bg.jpg);
    background-repeat: repeat-x;
    background-color: #E20A16;
}

div#header_child
{
    width: 950px;
    height: inherit;
    margin: 0 auto;
}

div#header_child a img
{
    width: 350px;
    height: 90px;
    float: left;
}

div#header_child div.status
{
    color: #fff; /* White */
    margin: 50px 0px 0px 0px;   
    float: right;
}
div#header_child div.status a
{
    color: #fff; /* White */
}

div#pageinfo
{
    width: 100%;
    height: 25px;
    background-color: #DAD3C0;
    border-top: 5px solid #A90710;
}

div#pageinfo div#pageinfo_child
{
    width: 950px;
    height: inherit;
    margin: 0 auto;
    color: #333;
    font-weight: bold;
    padding: 5px 0px 0px 0px;
}

div#pageinfo_child span.breadcrumb
{
    float: left;
}

div#pageinfo_child span.Current
{
    color: #E20A16;
}

div#pageinfo_child span.datetime
{
    float: right;
}

div#main
{
    width: 935px;
    margin: 0px auto;
    border-left: 1px solid #F5EDD7; /* Light Grey */
    border-right: 1px solid #F5EDD7; /* Light Grey */
    border-bottom: 4px solid #E20A16; /* Red */
    padding: 10px;
    background-color: #FBF7ED; /* Cream */
}
div#main div#left
{
    width: 215px;
    float: left;
}

div#left div#topusersthismonth /* Top users this month */
{
    width: 215px;
    margin: 10px 0px 0px 0px;
    background-color: #F5EDD7; /* Light Grey */
    float: left;
}

div#topusersthismonth div#topusersthismonthheader
{
    width: 215px;
    height: 25px;
    float: left;
}
div#topusersthismonth div#topusersthismonthheader.en
{
    background-image: url(Images/Headers/topusersthismonth.jpg);
    background-repeat: no-repeat;
}
div#topusersthismonth div#topusersthismonthheader.el
{
    background-image: url(Images/Headers/topusersthismonth.jpg);
    background-repeat: no-repeat;
}
div#topusersthismonth div#topusersthismonthcontent
{
    width: 199px;
    padding: 8px 8px 0px 8px;
    float: left;
}
tr.TopUsersThisMonth
{
    border-top: 2px solid #B2AB98;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
div#topusersthismonthcontent p.c1
{
    font-style: italic; 
    font-weight: bold; 
    color: #333; /* Dark Grey */
    text-align: center; 
    font-size: 12px;
}























/* Middle Division with Right Division */
div#main div#middle.c1
{
    width: 700px;
    margin: 0px 0px 0px 15px;
    float: left;
}
/* Middle Division without Right Division */
div#main div#middle.c2
{
    width: 705px;
    margin: 0px 0px 0px 15px;
    float: left;
}
/* Middle Division without Right Division (Dark) */
div#main div#middle.c3
{
    width: 685px;
    margin: -10px 0px -10px 8px;
    padding: 10px;
    background-color: #F5EDD8;
    float: left;
}













div#middle h1
{
    font-size: 1.6em;
    color: #E20A16; /* Red */
    margin: 0px 0px 10px 0px;
}

div#middle table a
{
    color: #000; /* Black */
}

div#middle p.grey
{
	color: #333;
}

/* Lists */
div#middle ul
{
    list-style-type: disc;
    padding: 0px 0px 0px 15px;
}
div#middle ul li
{
    padding: 2px;
}



/* Edit Profile Table Forms */
div#main div#middle table.editprofile
{
    margin: 0;
}
div#main div#middle table.editprofile td
{
	background-color: #dad3c0;
	padding: 6px;
	padding-left: 12px;
	padding-right: 0;
	color: #333; /* Dark Grey */
	font-weight: bold;
}
div#main div#middle table.editprofile td.left
{
	width: 215px;
}
div#main div#middle table.editprofile td.middle
{
	background-color: #fbf7ed;
	width: 5px;
	padding: 0;
}
div#main div#middle table.editprofile td.right
{
	width: 455px;
}
div#main div#middle table.editprofile td.top
{
    border-top: 2px solid #b5afa0;
}
div#main div#middle table.editprofile td.bottom
{
    border-bottom: 2px solid #b5afa0;
}
div#main div#middle table.editprofile tr td label
{
	font-weight: bold;
	font-size: 14px;
    color: #333; /* Dark Grey */
}
div#main div#middle table.editprofile tr td input.textbox
{
	width: 150px;
	font-weight: normal;
}


div#main div#middle a.button1
{
	position: relative;
	top: 8px;
	padding: 3px;
	background-image: url("Images/Widget/btn_bg.jpg");
	background-repeat: repeat-x;
	background-color: #FF9900;
	text-align: center;
	border: 1px solid #FF9900;
	color: #333;
	font-weight: bold;
	font-size: 13px;
	font-family: Arial;
	cursor: pointer;
	letter-spacing: -0.2px;
	text-decoration: none;
	width: 80px;
	float: right;
	margin-bottom: 10px;
	margin-right: 4px;
}
div#main div#middle a.button1:hover
{
	background-image: none;
	background-color: #DAD3C0;
	border: 1px solid #B7B0A3;
}







/* Generic Table Forms */
div#main div#middle table.form
{
    margin: 0;
}
div#main div#middle table.form thead tr th.title
{
    height: 30px;
    color: #333; /* Dark Grey */
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
}
div#main div#middle table.form tr td.lightgrey label
{
    color: #333; /* Dark Grey */
}
div#main div#middle table.form tr td.red span
{
    color: #E20A16; /* Red */
}
div#main div#middle table.form tr td.black span
{
    color: #000; /* Black */
}
div#main div#middle table.form tbody label.label
{
    color: #000; /* Black */
}
div#main div#middle table.form tbody span.labelcp
{
    color: #000; /* Black */
}
div#main div#middle table.form tfoot tr td
{
    height: 50px;
    text-align: right;
}
div#main div#middle table.form tfoot tr td a
{
    color: #E20A16; /* Red */
    font-weight: bold;
}
/* Generic Table Forms */









table.tmq /* Training Module Question Tables */
{
    margin: 0px 0px 10px 0px;
    border-collapse: collapse; 
    width: 705px;  
    background-color: #F5EDD7; /* Light Grey */
    color: #000; /* Black */
    float: left;
}
table.tmq tr.header
{
    background-color: #e20a16; /* Red */
    color: #fff; /* White */
    font-weight: bold;   
    font-size: 1.2em; 
}
table.tmq tr.header td
{
    /* border-bottom: 2px solid #B80812; */
    padding: 5px;
}
table.tmq tr.questions td
{
    padding: 0;
}
table.tmq tr.answers td.answers, 
table.tmq tr.questions td.questions
{
    padding: 5px;
}
table.tmq tr.answers td.answers span.rightwrong
{
    color: #E20A16; /* Red */
}
table.tmq tr.answers td span.answer
{
    color: #000; /* Black */
}
table.tmq tr.answers td span.validation
{
    color: #000; /* Black */
}
table.tmq tr td span.FinishText
{
    color: #E20A16; /* Red */
    font-size: 1.6em;
}

























div#middle.c1 div#tmf /* This Months Focus */
{
    width: 235px;
    margin: 0px 10px 10px 0px;
    background-color: #E20A16; /* Red */
    float: right;
}
div#middle.c1 div#tmf div#tmfheader
{
    width: 235px;
    height: 29px;
}
div#middle.c1 div#bp div#tmfheader.en
{
    background-image: url(Images/Headers/tmf_header_en.png);
    background-repeat: no-repeat;
}
div#middle.c1 div#bp div#tmfheader.el
{
    background-image: url(Images/Headers/tmf_header_el.png);
    background-repeat: no-repeat;
}
div#middle.c1 div#bp div#tmfcontent
{
    width: 235px;
}



















div#middle.c1 div#bd /* Best display */
{
    width: 345px;
    margin: 0px 10px 10px 0px;
    background-color: #E20A16; /* Red */
    float: left;
}
div#middle.c1 div#bd div#bdheader
{
    width: 345px;
    height: 29px;
}
div#middle.c1 div#bd div#bdheader.en
{
    background-image: url(Images/Headers/bp_header_en.png);
    background-repeat: no-repeat;
}
div#middle.c1 div#bd div#bdheader.el
{
    background-image: url(Images/Headers/bp_header_el.png);
    background-repeat: no-repeat;
}
div#middle.c1 div#bd div#bdcontent
{
    width: 345px;
}





div#middle.c1 div#lme /* Last Months Events */
{
    width: 235px;
    margin: 0px 0px 10px 0px;
    background-color: #E20A16; /* Red */
    float: left;
}
div#middle.c1 div#lme div#lmeheader
{
    width: 235px;
    height: 29px;
}
div#middle.c1 div#lme div#lmeheader.en
{
    background-image: url(Images/Headers/lme_header_en.png);
    background-repeat: no-repeat;
}
div#middle.c1 div#lme div#lmeheader.el
{
    background-image: url(Images/Headers/lme_header_el.png);
    background-repeat: no-repeat;
}
div#middle.c1 div#lme div#lmecontent
{
    width: 235px;
}






div#middle.c1 div#bizpheader /* Business Priorities */
{
    width: 480px;
    height: 29px;
    background-image: url(Images/Headers/bizp_header.png);
    background-repeat: no-repeat;
    float: left;
}
div#middle.c1 div#bizpheader.en
{
    background-image: url(Images/Headers/bizp_header_en.png);
    background-repeat: no-repeat;
}
div#middle.c1 div#bizpheader.el
{
    background-image: url(Images/Headers/bizp_header_el.png);
    background-repeat: no-repeat;
}
div#middle.c1 div#bizpcontent
{
    width: 480px;
    margin: 0px 0px 10px 0px;
    background-color: #F5EDD7; /* Light Grey */
    float: left;
}
div#middle.c1 div.tablecontainer
{
    width: 100%;
    padding: 0px 10px 10px 10px;
    float: left;
}
div#middle.c1 div#bizpcontent table.bizp
{
    width: 460px;
    margin: 10px 0px 0px 0px;
    border-collapse: collapse;
    font-size: 13px;
    font-weight: bold;
    float: left;
}
div#middle.c1 div#bizpcontent table.bizp td.title
{
    padding: 0px 0px 0px 5px;
}
div#middle.c1 div#bizpcontent table.bizp tr
{
    height: 30px;
    background-color: #E9E1CC; /* Dark Grey 4 */
    border-bottom: 3px solid #F5EDD7; /* Light grey */
}
div#middle.c1 div#bizpcontent table.bizp tr td
{
    padding: 5px 8px 2px 0px;
}
div#middle.c1 div.footer
{
    width: 460px;  
    padding: 5px 15px 5px 5px;
    text-align: right;
    background-color: #E9E1CC; /* Dark Grey 4 */
    float: left;
}
div#middle.c1 div.footer a
{
    font-size: 13px;
    font-weight: bold;
}





div#middle.c1 div#tm /* Training Modules */
{
    width: 235px;
    margin: 0px 0px 10px 0px;
    background-color: #F5EDD7; /* Light Grey */
    margin: 0px 10px 0px 0px;
    float: left;
}
div#middle.c1 div#tm div#tmheader
{
    width: 235px;
    height: 28px;
}
div#middle.c1 div#tm div#tmheader.en
{
    background-image: url(Images/Headers/tm_header_en.png);
    background-repeat: no-repeat;
}
div#middle.c1 div#tm div#tmheader.el
{
    background-image: url(Images/Headers/tm_header_el.png);
    background-repeat: no-repeat;
}
div#middle.c1 div#tm div#tmcontent
{
    width: 235px;
    height: 160px;
}







div#middle.c1 div#wotm /* What's on this month */
{
    width: 235px;
    margin: 0px 0px 10px 0px;
    background-color: #F5EDD7; /* Light Grey */
    float: left;
}
div#middle.c1 div#wotm div#wotmheader
{
    width: 235px;
    height: 28px;
}
div#middle.c1 div#wotm div#wotmheader.en
{
    background-image: url(Images/Headers/wotm_header_en.png);
    background-repeat: no-repeat;
}
div#middle.c1 div#wotm div#wotmheader.el
{
    background-image: url(Images/Headers/wotm_header_el.png);
    background-repeat: no-repeat;
}
div#middle.c1 div#wotm div#wotmcontent
{
    width: 235px;
}














div#main div#right
{
    width: 345px;
    float: right;
}

div#right div#hwdrtec
{
    width: 345px;
    margin: 0px 0px 10px 0px;
    float: right;
    position: relative;
}

div#right div#hwdrtec div#hwdrtecheader
{
    width: 345px;
    height: 29px;
}
div#right div#hwdrtec div#hwdrtecheader.en
{
    background-image: url(Images/Headers/hwd_header_en.png);
    background-repeat: no-repeat;
}
div#right div#hwdrtec div#hwdrtecheader.el
{
    background-image: url(Images/Headers/hwd_header_el.png);
    background-repeat: no-repeat;
}
div#right div#hwdrtec div#hwdrteccontent
{
    width: 345px;
    background-color: #F5EDD7; /* Light Grey */
}
div#right div#hwdrtec div#hwdrteccontent ul
{
    margin: 0px 5px 0px 5px;
    padding: 10px 0px 0px 0px;
    text-align: left;
    list-style-type: none;
    float: left;
}
div#right div#hwdrtec div#hwdrteccontent ul li a
{
    display: inline;
    color: #505050;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
}
div#right div#hwdrtec div#hwdrtecfooter
{
    padding: 5px;
    width: 335px;
    background-color: #E9E1CC;
    text-align: right;
    font-weight: bold;
    float: left;
}
div#right div#hwdrtec div#hwdrtecfooter span.left
{
	float: left;
}
div#right div#hwdrtec div#hwdrtecfooter span.right
{
	color: #e20a16;
	font-weight: bold;
	text-decoration: underline;
	float: right;
}

























div#right div#hwdhs /* How were doing RTEC */
{
    width: 215px;
    margin: 0px 0px 10px 0px;
    float: left;
}

div#right div#hwdhs div#hwdhsheader
{
    width: 215px;
    height: 25px;
}
div#right div#hwdhs div#hwdhsheader.en
{
    background-image: url(Images/Headers/hwdka_header_en.png);
    background-repeat: no-repeat;
}
div#right div#hwdhs div#hwdhsheader.el
{
    background-image: url(Images/Headers/hwdka_header_el.png);
    background-repeat: no-repeat;
}

div#right div#hwdhs div#hwdhscontent
{
    width: 215px;
}
div#right div#hwdrtec div#hwdrtecfooter
{
    padding: 5px;
    width: 335px;
    background-color: #E9E1CC;
    text-align: right;
    font-weight: bold;
    float: left;
}







div#wanttohear
{
    width: 345px;
    margin: 0;
    background-color: #F5EDD7; /* Light Grey */
    float: left;
}
div#wanttohear div#header_yc, 
div#wanttohear div#header_wwhfy
{
    width: 345px;
    height: 29px;
}

div#wanttohear div#header_yc.en
{
    background-image: url(Images/Headers/yourcontacts_header_en.png);
    background-repeat: no-repeat;
}
div#wanttohear div#header_yc.el
{
    background-image: url(Images/Headers/yourcontacts_header_el.png);
    background-repeat: no-repeat;
}

div#wanttohear div#header_wwhfy.en
{
    background-image: url(Images/Headers/wwhfy_header_en.png);
    background-repeat: no-repeat;
}
div#wanttohear div#header_wwhfy.el
{
    background-image: url(Images/Headers/wwhfy_header_el.png);
    background-repeat: no-repeat;
}

div#wanttohear div#content
{
    width: 340px;
    padding: 10px 0px 0px 10px;
}

div#wanttohear div#content div
{
    width: 100px;
    height: 130px;
    margin-right: 10px;
    text-align: center;
    float: left;
}

div#wanttohear div#content div a img
{
    border: 5px solid #DAD3C0; /* Dark Grey 3 */
    width: 80px;
    height: 80px;
}

div#wanttohear div#content div p
{
    font-weight: bold;
    text-align: center;
	margin: 5px 0px 5px 0px;
	width: 100px;
}
div#wanttohear div#footer
{
    text-align: right;
    width: 345px;
    height: 25px;
    margin: 10px 0px 0px 0px;
	background-color: #E9E1CC;
    float: left;
}
div#wanttohear div#footer a
{
	margin: 0px 10px 0px 0px;	
}


/* Products */
/* Cereals & Healthy Snacks */
div#middle.c2 span.category
{
    width: 585px;
    margin: 0px 0px 20px 50px;
    padding-left: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e20a16; /* Red */
    float: left;
}
div#middle.c2 span.item
{
    width: 84px;
    height: 200px;
    padding: 0px 30px 0px 0px;
    text-align: center;
    vertical-align: middle;
    float: left;
}
div#middle.c2 span.item img.image
{
    width: 85px;
    margin: 0px 0px 5px 0px;
    outline: none;
    float: left;
}
div#middle.c2 span.item a.name
{
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #605b54;
}



div#footer /* Footer */
{
    width: 944px;
    margin: 0 auto;
    margin-bottom: 10px;
    padding-top: 5px;
    color: #333;
    font-weight: bold;
}
div#footer div.left
{
	float: left;
}
div#footer div.right
{
	float: right;
}
div#footer div p
{
	margin: 2px 0px 0px 0px;
}






div#middle.c1 div#hyd
{
    width: 345px;
    margin: 0px 0px 10px 0px;
    background-color: #F5EDD7; /* Light Grey */
    float: left;
}
div#middle.c1 div#hyd div#hydheader
{
    width: 345px;
    height: 28px;
}
div#middle.c1 div#hyd div#hydheader.en
{
    background-image: url(Images/Headers/howyourdoing2_header_en.png);
    background-repeat: no-repeat;
}
div#middle.c1 div#hyd div#hydheader.el
{
    background-image: url(Images/Headers/howyourdoing2_header_el.png);
    background-repeat: no-repeat;
}
div#middle.c1 div#hyd div#hydcontent
{
    width: 329px;
    padding: 8px 8px 0px 8px;
}
div#middle.c1 div#hyd div#hydcontent p
{
    font-style: italic; 
    font-weight: bold; 
    color: #E20A16; /* Red */
    text-align: center; 
    font-size: 12px;
}
div#middle.c1 div#hyd div#hydcontent a
{
    color: #E20A16; /* Red */
}
tr.TopUsersThisMonth
{
    border-top: 0px solid #F5EDD7; /* Light grey */
    border-left: 0px solid #F5EDD7; /* Light grey */
    border-right: 0px solid #F5EDD7; /* Light grey */
    border-bottom: 2px solid #B2AB98;
}
div#middle.c1 div#hyd div#footer
{
	text-align: right;
    width: 345px;
    height: 25px;
    margin: 0px 0px 0px 0px;
	background-color: #E9E1CC;
    float: left;
}
div#middle.c1 div#hyd div#footer a
{
    padding-right: 10px;
}