/* ------------- Sat Content ------------- */

#satContent
{
width:920px;
padding-top:5px;
padding-left:15px;
padding-right:15px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
color:#000000;
}

#satContent h3
{
margin:10px 0 10px 0;
padding 0;
color:#124774;
font-family:Verdana,"Arial Rounded MT Bold",Arial,Helvetica,sans-serif;
font-size:20px;
font-weight:normal;
}

#satContent h4
{
padding-bottom:10px;
margin:0;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
color:#000;
font-weight:bold;
}

#satContent h5.name
{
border-bottom:1px dotted #AAAAAA;
color:#888888;
float:left;
font-family:Verdana,Arial,sans-serif;
font-size:18px;
font-weight:normal;
margin:-8px 0 0 0;
padding: 0 0 7px 0 ;
}

#satContent p
{
padding-bottom:10px;
margin:0;
line-height:150%
}

#satContent ul
{
margin:0;
line-height:150%;
padding-left:15px;
padding-bottom:10px;
}

#satContent ol
{
list-style-type: decimal
margin:0;
line-height:150%;
padding-left:15px;
padding-bottom:10px;
}

#satContent a:link
{
color:#4D7CC1;
text-decoration:none;
font-weight: bold; 
}

#satContent a:visited
{
color:#4D7CC1;
text-decoration:none;
font-weight: bold; 
}

#satContent a:hover
{
color:#73A714;
text-decoration:none;
font-weight: bold; 
}

#satContent a:active
{
color:#73A714;
text-decoration:none;
font-weight: bold; 
}

#satContent a.cNav_link_sel:link
{
font-family: Tahoma, Arial, sans-serif;
font-size: 9px;
font-weight: bold;
text-decoration : none; 
color : #FF5522;
}
#satContent a.cNav_link_sel:visited
{
font-family: Tahoma, Arial, sans-serif;
font-size: 9px;
font-weight: bold;
text-decoration : none; 
color : #FF5522;
}

#satContent a.cNav_link_sel:hover
{
font-family: Tahoma, Arial, sans-serif;
font-size: 9px;
font-weight: bold;
text-decoration : none; 
color : #73A714;
}

#satContent a.cNav_link:link
{
font-family: Tahoma, Arial, sans-serif;
font-size: 9px;
font-weight: bold;
text-decoration : none; 
color : #4D7CC1;
}

#satContent a.cNav_link:visited
{
font-family: Tahoma, Arial, sans-serif;
font-size: 9px;
font-weight: bold;
text-decoration : none; 
color : #4D7CC1;
}

#satContent a.cNav_link:hover
{
font-family: Tahoma, Arial, sans-serif;
font-size: 9px;
font-weight: bold;
text-decoration : none; 
color : #73A714;
}

#satContent div.center
{
text-align:center;
}


/* --------------------------------------- */

#comments
{
width:510px;
height:150px;
overflow:auto;
padding:5px;
background-color:#ddeeff;
border-top:1px solid #444 ;
border-left:1px solid #444 ;
border-bottom:1px solid #999 ;
border-right:1px solid #999 ;
resize:none;
}



#reportOptions
{
margin-left:5px;
float:left;
cursor:pointer;
position:relative;
top:-10px;
}

#feedbackCloses
{
margin-left: 28px;
margin-top:228px;
z-index:500;
}
	
table.detailedResults td
{
padding:5px 3px 5px 3px;
}

table.detailedResults td.subcat
{
padding:0;
}
	
#dhtmlgoodies_tooltip
{
background-color:#EEE;
border:1px solid #000;
position:absolute;
display:none;
z-index:20000;
padding:5px;
font-size:0.8em;
-moz-border-radius:6px;	/* Rounded edges in Firefox */
font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;

}
#dhtmlgoodies_tooltipShadow
{
position:absolute;
background-color:#555;
display:none;
z-index:10000;
opacity:0.7;
filter:alpha(opacity=70);
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
-moz-border-radius:6px;	/* Rounded edges in Firefox */
}

input.qual
{
width:200px;
height:18px;
font-size:12px;
margin: 5px 0 5px 0;
background-color:#D1E1FA;
padding-left: 4px;
padding-top:3px;
border-top:1px solid #444 ;
border-left:1px solid #444 ;
border-bottom:1px solid #999 ;
border-right:1px solid #999 ;
text-align:left;
}

input.qualNA
{
width:200px;
height:18px;
font-size:12px;
margin: 5px 0 5px 0;
background-color:#E28D8D;
padding-left: 4px;
padding-top:3px;
border-top:1px solid #444 ;
border-left:1px solid #444 ;
border-bottom:1px solid #999 ;
border-right:1px solid #999 ;
text-align:left;
cursor:default;
}

select.qual
{
width:207px;
height:22px;
padding-left: 4px;
padding-top:2px;
padding-bottom:1px;
font-size:12px;
margin: 5px 0 5px 0;
background-color:#D1E1FA;
border-top:1px solid #444 ;
border-left:1px solid #444 ;
border-bottom:1px solid #999 ;
border-right:1px solid #999 ;
text-align:left;
}

select.qualNA
{
width:207px;
height:22px;
padding-left: 4px;
padding-top:2px;
padding-bottom:1px;
font-size:12px;
margin: 5px 0 5px 0;
background-color:#E28D8D;
border-top:1px solid #444 ;
border-left:1px solid #444 ;
border-bottom:1px solid #999 ;
border-right:1px solid #999 ;
text-align:left;
}

#survey td.qualA
{
text-align:left;
width:495px;
padding:0;
}

#survey td.qualB
{
text-align:right;
width:210px;
padding:0;
}

#survey td.qualC
{
padding:0 0 0 10px;
width:35px;
background-color:#ffffff;
}

#survey td.qualD
{
width:150px;
padding-left:10px;
font-weight:bold;
color:#ff0000;
background-color:#ffffff;
padding:0;
}

#survey td.qualE
{
width:150px;
padding-left:10px;
font-weight:bold;
color:#124774;
background-color:#ffffff;
padding:0;
}

div.surveyDesc
{
color:#124774;
margin:10px auto 10px auto;
text-align:center;
width:600px;
padding:15px;
border: 1px dotted #555555;
}

div.desc
{
margin: 20px 10px 20px 10px;
padding:15px;
background-color: #f8f8f8 ;
background-image: url(../images/boxGrad.png);
background-position:center top;
background-repeat: repeat-x;
border: 1px solid #AAAAAA;
width:408px;
height:200px;
float:left;
}

td.new
{
color:#FF0000;
font-weight:bold;
}


div.compatMsg
{
width: 340px;
background-color:#E77471;
border: 1px dotted #FF0000;
padding:10px;
margin:10px auto 30px auto;
}

#col1
{
width:510px;
float:left;
}

#col2
{
width:390px;
float:left;
margin:0 0 0 18px;
}

#col3
{
width:100%;
}

div.editTable
{
width:520px;
padding:10px;
background-color: #f8f8f8 ;
background-image: url(../images/boxGrad.png);
background-position:center top;
background-repeat: repeat-x;
border: 1px solid #AAAAAA;
}

div.editBox
{
width:300px;
margin: 10px 30px 10px 0 ;
padding:10px;
background-color: #f8f8f8 ;
background-image: url(../images/boxGrad.png);
background-position:center top;
background-repeat: repeat-x;
border: 1px solid #AAAAAA;
line-height:230%;
}

div.editBox input.right
{
float:right;
width:150px;
height:18px;
background-color:#D1E1FA;
padding-left: 4px;
padding-top:3px;
border-top:1px solid #444 ;
border-left:1px solid #444 ;
border-bottom:1px solid #999 ;
border-right:1px solid #999 ;
text-align:left;
}

div.editBox input.rightB
{
float:right;
}


div.editBox div.right
{
text-align:right;
}

div.displayBox
{
float:right;
margin: 0px 10px 10px 0 ;
padding:10px;
background-color: #f8f8f8 ;
border: 1px solid #AAAAAA;
background-image: url(../images/menuGradGrey.png);
background-position:center top;
background-repeat: repeat-x;
font-family: Tahoma, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
color:#555;
}

span.dBold
{
color:#000;
}

span.boldRed
{
font-weight:bold;
color:#990000;
}

div.detailedName
{
text-align:center;
margin-left:50px;
margin-bottom:50px;
}

#survey
{
width:920px;
}

#survey input
{
cursor:pointer;
}

#survey tr td
{
padding: 5px 0 5px 0 ;
}

table.results tr td
{
padding: 5px 0 5px 0 ;
}

form
{
margin:0;
padding:0;
}

div.nolink {
font-family : Tahoma, Arial, sans-serif; 
color : #ffffff;
font-size : 14px; 
font-weight : bold; 
}
td.top{
font-family: Garamond, Arial, Helvetica, sans-serif;
color: #6D84AB;
font-size: 45px;
font-weight: bold ;
}
div.cat{
color:#888888;
font-family:Verdana,Arial,sans-serif;
font-size:25px;
font-weight:normal;
text-align: center;
}
div.subcat{
font-family: Tahoma, Arial, sans-serif;
color: #124774 ;
font-size: 11px;
font-weight: bold ;
}

td.NA
{
text-align:right;
font-family: Tahoma, Arial, sans-serif;
color: #990000 ;
font-size: 11px;
font-weight: bold ;
line-height:200%;
}

div.feedback
{
width:auto;
color : #000066;
padding: 7px;
font-family: Calibri, Tahoma, "Times New Roman";
font-size:14px;
text-align:left;
border-left:1px solid #ff0000;
}
p.warning{
color : #ff0000;
text-align: center ;
}
div.warning
{
color : #ff0000;
padding-left: 30px;
}
div.warningN
{
color : #000066;
padding: 7px;
float:right;
margin-bottom:2px;
border: 1.5px solid #ff0000;
}
div.warningH
{
margin-left:8px;
color : #ff0000;
}
div.edit{
font-family : Tahoma, Arial, sans-serif; 
padding-left: 8px;
font-size : 11px;
font-weight: bold ;
color : #000066; 
}
td.question{
text-align: center ;
font-size: 10px ;
color: #990000;
font-weight: bold ;
padding: 0 3px 0 3px;
}
td.rating{
text-align: center ;
}
td.title{
text-align: center ;
vertical-align: bottom;
font-weight: bold;
}
a.cat_headers:link {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #663300;
font-size : 11px; 
font-weight : bold;  
text-decoration : none; 
} 
a.cat_headers:visited {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #663300; 
font-size : 11px;
font-weight : bold;  
text-decoration : none; 
} 
a.cat_headers:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #ff0000;
font-size : 11px; 
font-weight : bold;  
text-decoration : none; 
} 
td.detail_heading{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px ;
text-align: center ;
vertical-align: bottom;
font-weight: bold;
border-bottom: 1px solid #000;
padding:4px;
}
td.detail_heading_middle{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px ;
text-align: center ;
padding: 8px 0 8px 0;
font-weight: bold;
border-top: 1px solid #000;
border-bottom:1px solid #000;
}
td.l_detail_heading{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px ;
text-align: left ;
vertical-align: bottom;
font-weight: bold;
border-bottom: 1px solid #000;
padding:4px 0 4px 0;
}

a.return:link {
font-family: Tahoma, Arial, sans-serif;
color : #882652;
font-size : 11px; 
font-weight : bold;  
text-decoration : none; 
} 
a.return:visited {
font-family: Tahoma, Arial, sans-serif;
color : #882652; 
font-size : 11px;
font-weight : bold;  
text-decoration : none; 
} 
a.return:hover {
font-family: Tahoma, Arial, sans-serif;
color : #ff0000;
font-size : 11px; 
font-weight : bold;  
text-decoration : none; 
} 

div.return
{
margin-top:15px;
}

div.return img
{
position:relative;
top:3px;
}

font.cat{
color:#888888;
font-family:Verdana,Arial,sans-serif;
font-size:25px;
font-weight:normal;
margin:0 0 5px 0;
padding: 0;
}

font.rate{
font-family: Tahoma, Arial, sans-serif;
color:  #124774 ;
font-size: 11px;
font-weight: bold ;
}
tr.billing{
font-family : Tahoma, Arial, sans-serif; 
font-size : 11px;
font-weight: bold ;
color : #124774; 
}
td.cost{
font-family : Tahoma, Arial, sans-serif; 
font-size : 11px;
font-weight: bold ;
color : #000066; 
}
td.net_cost{
font-family : Tahoma, Arial, sans-serif; 
font-size : 11px;
font-weight: bold ;
color : #ff0000; 
}
div.catNav
{
padding-left:8px;
font-family: Tahoma, Arial, sans-serif;
color : #0000EE;
font-size: 10px;
font-weight: bold;
text-align: center;
line-height: 180%;
}
div.quanNav
{
padding:3px 10px 10px 10px;
margin:10px 10px 15px 10px;
background-color: #f8f8f8 ;
border: 1px solid #AAAAAA;
background-image: url(../images/menuGradGrey.png);
background-position:center top;
background-repeat: repeat-x;
font-family: Tahoma, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
text-align: left;
line-height: 180%;
float:left;
width:630px;
height:75px;
}
div.qualNav
{
padding:3px 10px 10px 10px;
margin:10px 10px 15px 10px;
background-color: #f8f8f8 ;
border: 1px solid #AAAAAA;
background-image: url(../images/menuGradGrey.png);
background-position:center top;
background-repeat: repeat-x;
font-family: Tahoma, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
text-align: left;
line-height: 180%;
float:left;
width:206px;
height:75px;
}

a.top:link
{
text-decoration : none; 
color : #0000EE;
}
a.top:visited
{
text-decoration : none; 
color : #0000EE;
}
a.top:hover
{
text-decoration : none; 
color : #EE0000;
}
div.leftP
{
padding-left:8px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
div.docLeftP
{
padding-left:8px;
}
h1.doch1
{
font-family: Calibri, Tahoma, "Times New Roman";
font-size:25px;
text-align:center;
color : #336699; 
font-weight:bold;
margin-bottom:0px;
}
h1.doch3
{
font-family: Calibri, Tahoma, "Times New Roman";
font-size:20px;
text-align:center;
color : #336699; 
font-weight:bold;
margin-top:0px;
}
h1.doch5
{
font-family: Calibri, Tahoma, "Times New Roman";
font-size:20px;
text-align:left;
color : #336699; 
font-weight:bold;
margin-top:0px;
}
h1.doch6
{
font-family: Calibri, Tahoma, "Times New Roman";
font-size:20px;
text-align:left;
color : #336699; 
font-weight:bold;
margin-top:0px;
padding-left:8px;
}

h1.doch2
{
font-family: Calibri, Tahoma, "Times New Roman";
font-size:14px;
text-align:left;
color : #336699; 
font-weight:bold;
}
h1.doch4
{
font-family: Calibri, Tahoma, "Times New Roman";
font-size:14px;
text-align:left;
color : #000000; 
font-weight:bold;
}
p.docP
{
font-family: Calibri, Tahoma, "Times New Roman";
font-size:14px;
text-align:left;
color : #000000; 
}
p.docPI
{
font-family: Calibri, Tahoma, "Times New Roman";
font-size:14px;
text-align:left;
color : #ff0000; 
}
ol.docNum
{
font-family: Calibri, Tahoma, "Times New Roman";
font-size:14px;
text-align:left;
color : #000000; 
}
ul.docBul
{
font-family: Calibri, Tahoma, "Times New Roman";
font-size:14px;
text-align:left;
color : #000000; 
}
#docBul li
{
padding-bottom:3px;
}
div.docTabDiv
{
margin-left: 15px;
}
table.docTab
{
width:auto;
border-right:1px solid #336699;
border-left:1px solid #336699;
border-bottom:1px solid #336699;
border-top:1px solid #336699;
font-family: Calibri, Tahoma, "Times New Roman";
font-size:14px;
text-align:center;
color : #000000; 
}
div.fLeft
{
float: left;
}
#doc
{
padding-left:8px;
}
#doc a:link
{
font-family: Calibri, Tahoma, "Times New Roman";
font-size:14px;
text-decoration : none; 
color : #0000EE;
}
#doc a:visited
{
font-family: Calibri, Tahoma, "Times New Roman";
font-size:14px;
text-decoration : none; 
color : #0000EE;
}
#doc a:hover
{
font-family: Calibri, Tahoma, "Times New Roman";
font-size:14px;
text-decoration : none; 
color : #EE0000;
}
div.pushL
{
padding-left:30px;
}
b.leadH
{
font-weight: bold ;
color: #336699;
}
div.ihead
{
font-family: Tahoma, Arial, sans-serif;
color : #336699;
font-size: 25px;
font-weight: bold ;
text-align: left;
padding-left:8px;
}
div.hName
{
font-family: Tahoma, Arial, sans-serif;
color : #0B9547;
font-size: 18px;
font-weight: bold ;
text-align: left;
padding-left:8px;
}
h1.cName
{
padding-left:8px ; 
font-family: Tahoma, Arial, sans-serif;
color : #0B9547;
font-size: 25px;
font-weight: bold ;
}
div.rBox
{
width: 500px;
background-color: #f8f8f8 ;
padding:5px 15px 15px 15px;
margin-bottom:10px;
border: 1px solid #AAAAAA;
background-image: url(../images/boxGrad.png);
background-position:center top;
background-repeat: repeat-x;
}

div.regBox
{
width:600px;
background-color: #f8f8f8 ;
padding:5px 15px 15px 15px;
margin-bottom:10px;
border: 1px solid #AAAAAA;
background-image: url(../images/boxGrad.png);
background-position:center top;
background-repeat: repeat-x;
}

div.regBox input.field
{
width:160px;
height:18px;
background-color:#D1E1FA;
padding-left: 4px;
padding-top:3px;
border-top:1px solid #444 ;
border-left:1px solid #444 ;
border-bottom:1px solid #999 ;
border-right:1px solid #999 ;
text-align:left;
}

div.regBox input.fieldNA
{
width:160px;
height:18px;
background-color:#E28D8D;
padding-left: 4px;
padding-top:3px;
border-top:1px solid #444 ;
border-left:1px solid #444 ;
border-bottom:1px solid #999 ;
border-right:1px solid #999 ;
text-align:left;
cursor:default;
}

div.regBox input.checkbox
{
width:20px;
position:relative;
left:12px;
}

div.regBox td.duplicate
{
color:#990000;
font-weight:bold;
text-align:right;
}

div.regBox input.ad
{
width:464px;
height:18px;
background-color:#D1E1FA;
padding-left: 4px;
padding-top:3px;
border-top:1px solid #444 ;
border-left:1px solid #444 ;
border-bottom:1px solid #999 ;
border-right:1px solid #999 ;
text-align:left;
}

div.regBox input.button
{
width:auto;
}

div.regErrors
{
float:right;
width:240px;
background-color: #f8f8f8 ;
padding:5px 15px 15px 15px;
margin-bottom:10px;
border: 1px solid #AAAAAA;
background-image: url(../images/boxGrad.png);
background-position:center top;
background-repeat: repeat-x;
color: #FF0000;
}

div.regErrors ul li
{
margin: 6px 0 6px 0;
}

#vListBox
{
float:right;
text-align:left;
width:350px;
padding:10px;
background-color: #f8f8f8 ;
background-image: url(../images/boxGrad.png);
background-position:center top;
background-repeat: repeat-x;
border: 1px solid #AAAAAA;
margin-right:10px;
}

#vListBox div.vendorsReq
{
margin: 10px 0 10px 0;
border:1px dotted #AAAAAA;
padding:7px;
color:#990000;
}

div.contain
{
padding-bottom:20px;
}
div.imagesContainer
{
width:200px;
}
div.homeIndex
{
float:right;
width:485px;
margin-top:30px;
}
div.forgotPass
{
float:right;
margin:5px 8px 0 0;

}
h1.headerB
{
color:#336699;
font-family:Calibri,Tahoma,"Times New Roman";
font-size:14px;
font-weight:bold;
text-align:left;
}

#satContent a.toolTip:link
{
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration : none; 
color : #FF0000;
}
#satContent a.toolTip:visited
{
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration : none; 
color : #FF0000;
}

#satContent a.toolTip:hover
{
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration : none; 
color : #73A714;
}

/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/circular.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
div.cmenuBox{
position:relative;
float:left;
margin-left:20px;
margin-top: 30px;
margin-right:30px;
width: 380px;
height: 350px;
background-color: #f8f8f8 ;
background-image: url(../images/boxGrad.png);
background-position:center top;
background-repeat: repeat-x;
border: 1px solid #AAAAAA;
}
div.cmenu{ 
position:relative;
width:50%;
top:25px;
margin:0;
padding:0;
width:300px;
height:300px;
margin-left:auto;
margin-right:auto;
}
#circularMenu {padding:0; margin:0 auto; list-style:none; position:relative; width:300px; height:300px; background: url(http://www.erp180systems.com/sat/images/icons/background.png) no-repeat;}
#circularMenu li {display:block; width:60px; height:60px; position:absolute; background-color: #f8f8f8;}
#circularMenu li.default {left:100px; top:115px; no-repeat center center;}
#circularMenu li.one {left:120px; top:4px; background:url(http://www.erp180systems.com/sat/images/icons/2.png) no-repeat center center;}
#circularMenu li.two {left:200px; top:40px; background:url(http://www.erp180systems.com/sat/images/icons/8.png) no-repeat center center;}
#circularMenu li.three {left:35px; top:40px; background:url(http://www.erp180systems.com/sat/images/icons/9.png) no-repeat center center;}
#circularMenu li.four {left:230px; top:115px; background:url(http://www.erp180systems.com/sat/images/icons/65.png) no-repeat center center;}
#circularMenu li.five {left:5px; top:115px; background:url(http://www.erp180systems.com/sat/images/icons/46.png) no-repeat center center;}
#circularMenu li.six {left:200px; top:190px; background:url(http://www.erp180systems.com/sat/images/icons/deleteuser.png) no-repeat center center;}
#circularMenu li.seven {left:35px; top:190px; background:url(http://www.erp180systems.com/sat/images/icons/80.png) no-repeat center center;}
#circularMenu li.eight {left:120px; top:225px; background:url(http://www.erp180systems.com/sat/images/icons/81.png) no-repeat center center;}
#circularMenu li.eightb {left:120px; top:225px; background:url(http://www.erp180systems.com/sat/images/icons/16.png) no-repeat center center;}


#circularMenu li a b {display:none;}
#circularMenu li a {display:block; width:60px; height:60px; text-align:center; }

#circularMenu li a:hover {background:url(http://www.erp180systems.com/sat/images/icons/circle.gif); text-decoration:none; font-family:georgia, serif;}
#circularMenu li a:hover b {position:absolute; display:block; width:100px; height:100px; font-size:16px;color:#336699; background-color: #f8f8f8;}
#circularMenu li a:hover b span {display:block; font-size:12px; color:#888; font-weight:normal; margin-top:15px;}
#circularMenu li.default b span {font-family:georgia, serif; display:block; font-size:12px; color:#888; font-weight:normal; margin-top:15px; text-align: center; height:60; width:100px;}
#circularMenu li.default b {font-family:georgia, serif; position:absolute; top:-11px; text-align:center; color:#336699; display:block; width:100px; height:100px; font-size:16px; background-color: #f8f8f8;}


#circularMenu li.one a:hover b {left:-22px; top:100px;}
#circularMenu li.two a:hover b  {left:-102px; top:64px;}
#circularMenu li.three a:hover b  {left:63px; top:64px;}
#circularMenu li.four a:hover b  {left:-132px; top:-11px;}
#circularMenu li.five a:hover b  {left:93px; top:-11px;}
#circularMenu li.six a:hover b  {left:-102px; top:-87px;}
#circularMenu li.seven a:hover b  {left:63px; top:-87px;}
#circularMenu li.eight a:hover b  {left:-22px; top:-121px;}
#circularMenu li.eightb a:hover b  {left:-22px; top:-121px;}

/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_15 */
div.navBarDiv {
height:30px;
}
.navbar {padding:0 0 0 20px; margin:0; list-style:none; height:30px; background:#1841c8 url(http://www.erp180systems.com/sat/images/nav/pro_15_0.jpg);}
.navbar li.left {float:left;}
.navbar li.right {float:right;}
.navbar li a {display:block; float:left; height:30px; line-height:30px; background:url(http://www.erp180systems.com/sat/images/nav/pro_15_0.jpg); color:#ddd; text-decoration:none; font-family:arial, verdana, sans-serif; text-align:center; padding:0 0 0 10px; cursor:pointer; font-size:11px;}
.navbar li a b {float:left; display:block; background:url(http://www.erp180systems.com/sat/images/nav/pro_15_0.jpg) right top; padding:0 16px 0 8px;}
.navbar li a:hover {color:#fff; background: url(http://www.erp180systems.com/sat/images/nav/pro_15_1.jpg);}
.navbar li a:hover b {background:url(http://www.erp180systems.com/sat/images/nav/pro_15_1.jpg) no-repeat right top;}
.navbar li a em {display:block; float:left; width:16px; height:30px;}
.navbar li a em.home {background:url(http://www.erp180systems.com/sat/images/nav/120.png) no-repeat center center;}
.navbar li a em.register {background:url(http://www.erp180systems.com/sat/images/nav/47.png) no-repeat center center;}
.navbar li a em.forgot {background:url(http://www.erp180systems.com/sat/images/nav/67.png) no-repeat center center;}
.navbar li a em.edit {background:url(http://www.erp180systems.com/sat/images/nav/46.png) no-repeat center center;}
.navbar li a em.survey {background:url(http://www.erp180systems.com/sat/images/nav/2.png) no-repeat center center;}
.navbar li a em.results {background:url(http://www.erp180systems.com/sat/images/nav/81.png) no-repeat center center;}
.navbar li a em.help {background:url(http://www.erp180systems.com/sat/images/nav/65.png) no-repeat center center;}
.navbar li a em.logout {background:url(http://www.erp180systems.com/sat/images/nav/49.png) no-repeat center center;}
.navbar li a em.leads {background:url(http://www.erp180systems.com/sat/images/nav/16.png) no-repeat center center;}
.navbar li a em.add {background:url(http://www.erp180systems.com/sat/images/nav/8.png) no-repeat center center;}
.navbar li a em.deletecat {background:url(http://www.erp180systems.com/sat/images/nav/9.png) no-repeat center center;}
.navbar li a em.delete {background:url(http://www.erp180systems.com/sat/images/nav/deleteuser.png) no-repeat center center;}
.navbar li a em.billing {background:url(http://www.erp180systems.com/sat/images/nav/80.png) no-repeat center center;}
.navbar li a.navB { font-size:12px; color:#fff;}
.navbar li input{margin-top:3px;} 

div.loginBox
{
float:left;
margin-right:20px;
position:relative;
top:3px;
}

.navbar li div.text 
{
float:left;
border-top:1px solid #555555;
border-left:1px solid #555555;
border-bottom:1px solid #555555;
padding:4px 10px 2px 10px; 
line-height:16px; 
font-style:normal;
background-color:#E1E1E1;
color:#333333;
text-decoration:none;
font-family:arial, verdana, sans-serif;
text-align:center;
font-size:11px;
margin:0;
}


.navbar li input.navinput
{
width:120px;
position:relative;
padding:4px 2px 2px 6px; 
height:16px;
border-top: 1px solid #555555;
border-right: 1px solid #555555;
border-bottom: 1px solid #777777;
border-left: 1px solid #777777;
background-color:#F8F8F8;
background-image: url(../images/menuTopGrad.png);
background-position:center top;
background-repeat: repeat-x;margin:0;
} 

.navbar li input.navinputIE
{
width:120px;
position:relative;
top: -1px;
padding:4px 2px 2px 6px; 
height:16px;
border-top: 1px solid #555555;
border-right: 1px solid #555555;
border-bottom: 1px solid #777777;
border-left: 1px solid #777777;
background-color:#F8F8F8;
background-image: url(../images/menuTopGrad.png);
background-position:center top;
background-repeat: repeat-x;margin:0;
}