/* --- default style --- */
body
{
    font: 11px Tahoma;
    color: #252525;
    background: #ccc;
    padding: 0;
    padding-bottom: 20px;
    margin: 0;
}
input, textarea, select 
{
    font: 11px Tahoma;
    color: #252525;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, form
{
    margin: 0;
    padding: 0;
    list-style: none;
}
a 
{
    color: #252525;
    text-decoration: none;
}
a:hover 
{
    text-decoration: underline;
}
img 
{
    border: none;
}
.clear 
{
    clear: both;
}
.text10 
{
    font-size: 10px;
}
/* --- main style --- */
.main_outer 
{
    position: relative;
    width: 874px;
    border: 1px solid #000;
    margin: 20px auto;
    padding: 20px 0;
    background: #407a36 url(../images/body_bg.gif) no-repeat left top;
}
#main_outer
{
    position: relative;
    width: 744px;
    margin: auto;
    border: 1px solid #000;
    border-bottom: none;
    background: #fff;
    padding-bottom: 3px;
}
/* --- header style --- */
#header 
{
    position: relative;
    height: 125px;
    border-bottom: 1px solid #000;
    background: url(../images/verity_view_logo.gif) no-repeat left top;
}
#header img.logo
{
    float: left;
}
#header #banner
{
    position: relative;
    margin-left: 285px;
    height: 125px;
    border-left: 1px solid #000;
}
/* --- menu --- */
.menu 
{
    position: relative;
    height: 26px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #000;
    background: url(../images/menu_bg.gif) repeat-x left top;
    margin-bottom: 10px;
}
.menu li
{
    float: left;
    height: 26px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #000;
}
.menu li.first
{
    border-left: none;
}
.menu li.last
{
    border-right: none;
}
.menu li.last a
{
    padding-right: 11px;
}
*html .menu li a 
{
    width: 1%;
    white-space: nowrap;
}
.menu li a
{
    display: block;
    height: 20px;
    padding: 6px 9px 0 9px;
    font: bold 11px Arial Narrow;
    color: #fff;
    text-align: center;
    background: url(../images/menu_item_bg.gif) repeat-x 0 26px;
}
.menu_tmp li a
{
    display: block;
    height: 20px;
    padding: 6px 12px 0 12px;
    font: bold 11px Arial Narrow;
    color: #fff;
    text-align: center;
    background: url(../images/menu_item_bg.gif) repeat-x 0 26px;
}
.menu_tmp li.last a
{
    padding-right: 14px;
}
.menu_tmp li.first a
{
    padding-left: 13px;
}
.menu li a:hover
{
    text-decoration: none;
    background-position: 0 0;
}
.menu li.act a
{
    background-position: 0 0;
}
/* --- yellow boxes --- */
div.yellow
{
    position: relative;
    height: 50px;
    padding-left: 2px;
}
div.yellow a
{
    display: block;
    float: left;
    width: 227px;
    height: 30px;
    text-align: right;
    padding: 20px 20px 0 0;
    font: bold 17px Tahoma;
    color: #fff;
    background: url(../images/yellow_box.gif) no-repeat left top;
}
div.yellow a:hover
{
    text-decoration: none;
    background-position: left bottom;
}
div.yellow a.act
{
    background-position: left bottom;
}
/* --- content --- */
#content 
{
    position: relative;
    padding: 14px 20px;
    clear: both;
    height: 1%;
}
#content .productivity
{
    position: absolute;
    width: 237px;
    left: 2px;
    top: -1px;
    border: 1px solid #000;
    background: #fc0;
    color: #2a5521;
    padding: 3px;
    display: none;
}
#content .performance
{
    position: absolute;
    width: 237px;
    left: 249px;
    top: -1px;
    border: 1px solid #000;
    background: #fc0;
    color: #2a5521;
    padding: 3px;
    display: none;
}
#content .security
{
    position: absolute;
    width: 237px;
    left: 496px;
    top: -1px;
    border: 1px solid #000;
    background: #fc0;
    color: #2a5521;
    padding: 3px;
    display: none;
}
#content .green
{
    color: #2a5521;
    font-weight: bold
}
#content h4
{
    color: #000;
    font: bold 14px Tahoma;
    margin: 0 0 10px 0;
}
#content h3
{
    color: #2a5521;
    font: bold 17px Arial Narrow;
}
#content a
{
    text-decoration: underline;
}
#content ol.list
{
    margin: 15px 0 15px 22px;
    list-style-type: decimal;
}
#content ul.list
{
    margin: 15px 0 15px 15px;
    list-style-type: disc;
}
#content .line
{
    height: 1px;
    font-size:1px;
    margin: 5px 0;
    border-bottom: 1px solid #e4e4e4;
}
#content .left
{
    position: relative;
    float:left;
    width: 218px;
    text-align: center;
}
#content .leftsub
{
    position: relative;
    float:left;
    width: 180px;
    padding: 0 20px 20px 0;
    text-align: center;
}
#content .right
{
	position: relative;
    margin: 0px 0px 0px 230px;
    height: 1%;
}
#content .rightsub
{
	position: relative;
    margin: 0px 0px 0px 200px;
    height: 1%;
}
#content .edit
{
	width:143px;
	height:17px;
	margin: 2px 0;
	border: none;
	background: none;
    border-bottom: solid 1px #d4d0c8;
    border-left: solid 2px #888;
    border-top: solid 2px #5d5d5d;
    border-right:solid 1px #d4d0c8;
}
#content .subm
{
    width: 37px;
    height: 15px;
	margin: 3px 0;
	border: none;
	cursor: pointer;
	background: url(../images/login_btn_270607.jpg) no-repeat left top;
}

#content .subm70
{
    width: 60px;
    height: 15px;
	margin: 3px 0;
	border: none;
	cursor: pointer;
	background: url(../images/subm_btn_60.JPG) no-repeat left top;
}



/* --- footer --- */
#footer 
{
    width: 746px;
    margin: auto;
    height: 10px;
    background: url(../images/footer_bg.gif) repeat-x left bottom;
}
#footer img.left
{
    float: left;
}
#footer img.right
{
    float: right;
}
center.foot
{
    margin-top: 5px;
    font: 10px Tahoma;
    color: #000;
}
/* --- leftmenu --- */
#content .leftmenu
{
    position: relative;
    width: 161px;
    padding: 5px 15px 0 0;
    border-left: 2px solid #e5e5e5;
    border-right: 2px solid #e5e5e5;
}
#content .leftmenu li
{
    height: 16px;
}
#content .leftmenu li a
{
    display: block;
    height: 13px;
    font: bold 10px Tahoma;
    color: #157442;
    text-align: right;
    padding: 1px 10px 0 0;
    text-decoration: none;
    background: url(../images/leftmenuarrow.jpg) no-repeat right top;
}
#content .leftmenu li a:hover
{
	background-color:#e5ae0c;    
    text-decoration: none;
    color: #fff;
}
#content .leftmenu li.act a
{
	background-color:#e5ae0c;    
    color: #fff;
}