body 
{
    margin: 0 auto;
    font-size: small;
    font-family: Arial, Verdana, Sans-Serif;
}

a{
	color: #0e378f;
	text-decoration: underline;
}
a:visited{
	color: #0e378f;
	text-decoration: underline;
}
a:hover{
	color: #253255;
	text-decoration: underline;
}
a img {
    border:0px;
    outline:0px;
}
hr
{
    border: 1px;
	height: 1px;
	color: #E8E8E8;
	background-color: #E8E8E8;
}

#wrapper
{
    width: 100%;
    min-height: 900px;
    border-top:0;
    vertical-align: top;
}

#header
{
    
	background-image: url('images/header-bg.jpg');
    height:141px;
    width: 100%;
}

#topbar
{
}

#topbar a{
	color: White;
	font-weight:bold;
}
#topbar a:visited{
	color: White;
	font-weight:bold;
}
#topbar a:hover{
	color: White;
	text-decoration: none;
	font-weight:bold;
}
#topbar a:active{
	color: White;
	font-weight:bold;
}
.synergylogo
{
    padding:25px 11px;
}

#leftnav 
{
    vertical-align: top;
	width:225px;
	list-style:none;
	margin:0px;
	padding:0px;
    position: relative;
    float: left;
    margin-right: 20px;
}

#middlecontent
{
    float: right;
    width: 85%;
    margin:20px 0px 0px 0px;
    height: auto;
}

#middleLeft
{
    display:inline-block; 
    width:74%; 
    vertical-align:top;
}
#middleRight
{
    display:inline-block; 
    width:25%; 
    vertical-align:top; 
    margin-left:5px;
}


@media screen and (max-width: 1900px) {
    #middlecontent {
    width: 85%;
    height: auto;
}
}

@media screen and (max-width: 1660px) {
    #middlecontent {
    width: 83%;
    height: auto;
}
}

@media screen and (max-width: 1460px) {
    #middlecontent {
    width: 80%;
}
}

@media screen and (max-width: 1260px) {
    #middlecontent {
    width: 75%;
}
}

.tblHeader
{
    font-size:medium;
    text-transform: uppercase;
    font-weight: bold;
}
 
.subTblHeader{
	background-image: url('images/titlebars.jpg');
	padding: 5px 3px 3px 10px;
	font-size: 10px;
	margin-top: 8px;
	color: white;
	text-transform: uppercase;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

.warningHeader{
	background-image: url('images/titlebars_warning.jpg');
	padding: 5px 3px 3px 10px;
	font-size: 10px;
	margin-top: 8px;
	color: white;
	text-transform: uppercase;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

.navImage{
	padding-left: 0px;
	padding-right: 15px;
	margin-bottom: -5px;
}
 
.systemLabel
{
    padding: 5px 5px 5px 5px;
    font-size: 10pt;
    font-weight: normal;
    background-color: #E1E1E1;
    text-align: right;
    width: 200px;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    font-weight: bold;
}
.systemItem
{
    padding: 5px 5px 5px 5px;
    font-size: 10pt;
    font-weight: normal;
    color: #231f20;
    background-color: #F7F7F7;
    text-align: left;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}
.buttonRow
{
    padding: 5px 5px 5px 5px;
    font-size: 10pt;
    font-weight: normal;
    background-color: #E1E1E1;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    font-weight: bold;
}

.smalltext
{
	font-size: 10px;
	font-weight: normal;
}
.smalltext a{
	color: #feff5b;
}
.smalltext a:visited{
	color: #feff5b;
}
.smalltext a:hover{
	color: #feff5b;
}
.smalltext a:active{
	color: #feff5b;
}

.Error
{
    color:Red;
}