.portal{
border:1px solid #555555;
position:relative;
margin:5px;
padding:5px;
float:left;
height:15em;
width:30em;
overflow:auto;
}
/*  this block styles and positions the menu bar  */
.menu{
background:#3c3c3c;
top:84px;
left:0px;
}
/* this block styles the height of the background color that is set in .menu  */
.menu ul li{
background:transparent;
height:30px;
}
/*  the top level menu item in the menu bar itself */
.menu a.top, .menu a.top:visited, .menu a.top:hover{
color:#eeeeee;
background:transparent ! important;
}

/* for ie 6  */
.menu ul ul a.drop {
background:#3c3c3c bottom right no-repeat;
color:#eeeeee;
}

/* style the second level hover */
.menu ul ul a.drop:hover{
background:#555555 bottom right no-repeat;
color:#eeeeee;
}

/* the ul that drops down when hovering over the top level */
.menu ul ul{
color:#eee;
}
/* style the second level links */
.menu ul ul a{
background:#eee;
color:#555;
height:23px;
padding-top:5px;
}

/* top level hover for the dropped down menus */
.menu :hover > a, .menu ul ul :hover > a{
background: #555;
color:#eee;
}

/*  hyperlinks in the dropped down menus  */
.menu ul ul li a{
border:solid 1px #555;
color:#555;
font-weight:normal;
}

.menu ul ul li a, .menu ul ul li a:visited{
font-weight:normal;
}

/*  the background color and position (relative to the menu bar itself) of the drop down menus  */
.menu ul ul li{
background:#eee;
top:8px;
}

#iddiv, #Namediv, #LastNamediv, #FirstNamediv, #JobTitlediv, #Departmentdiv, #parentEmployeesdiv, 
#createdatediv, #createiddiv{
}
#contentheader{
border-bottom:1px solid #555;
padding-bottom:2px;
}
#banner {
background:#ffffff none repeat scroll 0%;
border:medium none;
}
#blurb {
border:medium none;
}
#centercontent {
border-bottom:0px none;
border-right:0px none;
text-decoration:none;
}
#centercontent, #calendarcontent, #comparecontent {
background:#ffffff none repeat scroll 0%;
border-color:#555555;
border-style:solid none none solid;
border-width:1px 0px 0px 1px;
color:#555555;
top:-25px;
}
#logo
{
	top:1px;
	left:1px;
	border:0;
	width:280px;
	height:80px;
	background:url(../188ea20d-8fad-4c34-b825-8a2c578ee7ac/phonia.gif) no-repeat top left;
}
#titlebar {
border:medium none;
left:250px;
position:absolute;
top:10px;
z-index:1000;
}
#pnlpaging {
color:#C21E1E;
margin:1em;
}
#rightcontent {
background:#ffffff none repeat scroll 0%;
border-top:1px solid #555555;
color:#555555;
}
#rightcontent a {
color:#C21E1E;
}
#rightcontent a.button:hover{
color:#C21E1E ! important;
border:solid 1px #C21E1E ! important
}
#rightcontent a.button{
cursor:default;
padding-top:4px;
color:white ! important;
}
#rightcontent a[id$='add']{
background:transparent url(/images/buttonbg.png) repeat scroll 0% 50%;
border:1px solid #555555;
color:#555555;
font-family:verdana;
font-weight:bold;
height:1.7em;
letter-spacing:1px;
padding-top:2px;
padding-bottom:2px;
padding-left:7px;
padding-right:7px;
margin-top:1em ! important;
}
#rightcontent h4 {
margin-bottom:3px;
}
#rightcontent h4 a {
color:#555555;
text-decoration:underline;
}
#rightcontent input{
margin-top:1em;
margin-left:0.5em;
color:white;
}
#rightcontent input:hover{
color:#C21E1E ;
}
#searchbox {
background:#ffffff none repeat scroll 0%;
z-index:1001;
}
#whitepadding {
background:#ffffff none repeat scroll 0%;
}
.datalabel {
color:#555555;
font-size:1em;
font-weight:bold;
}
.datalabel:hover {
color:#555555;
font-size:1em;
}
.difference {
background:#cccccc none repeat scroll 0%;
}
.error {
color:#ff5555;
}
.highlighttext {
background:orange none repeat scroll 0%;
color:#555555;
}
.relateddata a {
color:#555555;
}
div.relateddata{
margin-bottom:1em;
}
.press {
border-color:buttonshadow buttonhighlight buttonhighlight buttonshadow;
border-style:solid;
border-width:1px;
}
.selectorstyle {
color:#cccccc;
}
.suggestions {
background:#ffffff none repeat scroll 0%;
}
a.gotopage {
border:1px solid #555555;
}
a.gotopage:hover, a.selectedpage {
background:#555555 none repeat scroll 0%;
border:1px solid #555555;
color:#ffffff;
text-decoration:none;
}
a:hover, a:visited:hover {
color:#555555;
font-family:verdana,arial,helvetica,sans-serif;
text-decoration:none;
}
a {
color:#C21E1E;
text-decoration:none;
}
a:visited {
color:#C21E1E;
font-family:verdana,arial,helvetica,sans-serif;
text-decoration:none;
}
a.selected {
background:#ffffff none repeat scroll 0%;
color:#555555;
}
body, html {
color:#555555;
font-family:verdana,arial,helvetica,sans-serif;
font-size:0.9em;
}
h1 {
background:#EEEEEE none repeat scroll 0%;
border:1px solid #555555;
color:#555555;
font-family:verdana,arial,helvetica,sans-serif;
font-size:1.45em;
letter-spacing:0.3em;
padding:0.3em;
text-decoration:none;
}

h2 {
color:#C21E1E;
font-size:1.3em;
}
h3 {
color:#C21E1E;
font-size:1.2em;
}
h4 {
color:#C21E1E;
font-size:1.1em;
}
h4 {
color:#C21E1E;
white-space:nowrap;
}
hr {
background:#cccccc none repeat scroll 0%;
border:medium none;
color:#cccccc;
height:1px;
}
img {
border:medium none;
}
img.border {
border:1px solid #555555;
}
img.thinborder {
opacity:0.5;
}
input {
border:1px solid #cccccc;
}
p.blurb {
border:medium none;
}
span.noborder {
border:medium none;
}
span.smalltext, span.smalltext a {
font-size:0.85em;
}
span.title {
color:#ffffff;
}
table {
color:#555555;
font-family:verdana,arial,helvetica,sans-serif;
font-size:1em;
}
table.datatable {
border:1px solid #555555;
text-align:right;
vertical-align:top;
width:17em;
}
table.dataview {
}
td {
padding-left:4px;
padding-right:4px;
vertical-align:top;
text-align:left;
}
td a {
color:#555555;
}

td.amount, td.rent, td.size, td.price, td.total,td.quantity {
text-align:right;
}
td.viewid, td.name, td.createdate, td.orderdate,td.address,td.address1,td.address2,td.maincontact,td.billingcontact,td.city,td.shipdate,td.startdate, td.element,td.audio,td.showtitle,td.akatitle,td.title,td.customername,td.enddate, td.duedate, td.updated, td.senddate, td.sent, td.read,td.transactiondate, td.moviedate, td.filetype, td.readdate,td.dbtablename,td.photodate,td.priority,td.project, td.tasktype,td.uploaddate,td.ordername,td.customer,td.orderid{
white-space:nowrap;
}
div.iddiv{
border:1px solid #555;
}
td.datalabel {
color:#555555;
}
td.tableheader, td.tableheader a, td.tableheader a:hover {
background:#555555 none repeat scroll 0%;
color:#ffffff;
font-size:1.1em;
}
tr a, tr a:visited{
color:#555;
}
tr.altrow {
background:#cccccc none repeat scroll 0%;
}
tr.altrow a{
color:#555;
}
tr.highlight {
background:yellow;
}
tr.selected {
background:#555555 none repeat scroll 0%;
color:#ffffff;
}
tr.tableheader, tr.tableheader a {
background:#555555 none repeat scroll 0%;
color:#ffffff;
font-size:1.1em;
font-variant:small-caps;
}
input.button {
background:transparent url(/images/buttonbg.png) repeat scroll 0% 50%;
border:1px solid #555555;
color:#555555;
font-family:verdana;
font-weight:bold;
height:1.7em;
letter-spacing:1px;
}
input.button:hover {
background:url(/images/buttonbg.png)repeat scroll 0% 50%;
border:1px solid #C21E1E;
color:#C21E1E;
font-family:verdana;
font-weight:bold;
height:1.7em;
letter-spacing:1px;
}
a.button:hover, a.button, a.button:visited {
background:transparent url(/images/buttonbg.png) repeat scroll 0%;
border:1px solid #555;
color:#555555 !important;
font-family:verdana;
font-weight:bold;
height:1.7em;
letter-spacing:1px;
margin-left:0.4em;
padding:0.15em 0.4em 0.1em 0.5em;
}
#toolbar {
background:#cccccc none repeat scroll 0%;
border-color:buttonhighlight buttonshadow buttonshadow buttonhighlight;
border-style:solid;
border-width:1px;
height:24px;
margin:0pt;
padding:0pt;
text-align:left;
width:265px;
}
.buttons {
background:#cccccc none repeat scroll 0%;
border:1px solid #cccccc;
float:left;
margin:1px;
}
.raise {
background:#cccccc none repeat scroll 0%;
border-color:buttonhighlight buttonshadow buttonshadow buttonhighlight;
border-style:solid;
border-width:1px;
float:left;
margin:1px;
}
.press {
background:#cccccc none repeat scroll 0%;
border-color:buttonshadow buttonhighlight buttonhighlight buttonshadow;
border-style:solid;
border-width:1px;
float:left;
margin:1px;
}
table.cal {
border:1px solid #555555;
}
table.caltitle {
background:#555555 none repeat scroll 0%;
border:1px solid #555555;
color:#ffffff;
}
td.monthtitle {
background:#555555 none repeat scroll 0%;
}
td.currentday {
border:1px solid #C21E1E;
}
td.weekdaynormal {
border:1px solid #555555;
}
td.weekendnormal {
border:1px solid #555555;
}
td.calendarday {
border:1px solid #555555;
min-height:4em;
}
td.dayhover {
border:1px solid #555555;
}
td.nextprevstyle {
background:#ffffff none repeat scroll 0%;
}
#calendarcontent table.cal {
border:medium none;
text-align:center;
width:98%;
}
.calendardate {
height:100%;
min-height:2em;
width:100%;
}
.calendardaydata{
margin:0.4em;
}
.calendardaydata a {
width:100%;
}
.calendardaydata a:hover {
width:100%;
}
a.daylink:hover {
color:#555555 !important;
}
a.daylink {
color:#555555 !important;
}
.completey {
color:#cccccc;
text-decoration:line-through !important;
}
.completen {
text-decoration:none !important;
}
.completen:hover {
text-decoration:underline !important;
}
a.priority0 {
}
a.priority1 {
color:red !important;
}
a.priority2 {
color:orange !important;
}
a.priority3 {
color:green !important;
}
a.priority4 {
color:brown !important;
}
a.TaskType1{
background:url("/attachments/9fd88544-068f-4dcf-80e5-24f09a79cc10/handshake.png") no-repeat;
padding-left:18px;
}
a.TaskType4{
background:url("/attachments/927c5461-38e0-48a6-8931-da4a51efebc4/airplane.png") no-repeat;
padding-left:18px;
}