/* start common stuff - used front end and admin */

/* forms */
form.normalForm
{
margin:1em 0;
}
form.normalForm label
{
clear:left;
float:left;
width:180px;
margin:0 1em 1em 0;
color:#777;
text-transform:capitalize;
}

form.normalForm input, 
form.normalForm select, 
form.normalForm textarea,
form.normalForm .fakeInput
{
float:left;
width:300px;
margin:0 0 1em 0;
border:1px solid #aaa;
font-family:verdana, sans-serif;
font-size:0.9em;
}
form.normalForm input.readonly, 
form.normalForm select.readonly, 
form.normalForm textarea.readonly
{
background:#ddd;
color:#555;
}

form.normalForm input.autowidth,
form.normalForm select.autowidth,
form.normalForm .fakeInput
{
width:auto;
}
form.normalForm .fakeInput
{
clear:left;
border:0;
margin:0;
float:none;
}
form.normalForm .fakeInput input.autowidth
{
margin:0;
float:none;
}

form.normalForm input.noborder
{
border:0;
}









#content h3,
#contentWide h3
{
clear:both;
padding:1em 0;
border-top:1px solid #ccc;
}
#content h2,
#contentWide h2
{
margin:0 0 1em 0;
padding:0;
}


#content h5,
#contentWide h5
{
color:#444;
border-top:1px solid #ddd;
margin:0;
padding:1em 0;
font-size:1em;
}



/* useful classes */
.error
{
color:#a00;
}
.success
{
color:#0a0;
}
.mini
{
font-size:0.8em;
}
.clear
{
display:block;
clear:both;
}




/* override gay links / image borders */
a img, map, area
{
border:0;
}



/* links and icons */ 

/* forward */
#content p a:link,
#content p a:visited,
a.forward:link,
a.forward:visited
{
font-weight:normal;
text-decoration:none;
color:#000066;
padding-left:14px;
background:url('../images/bullet.gif') no-repeat 0 50%;
}
#content p a:hover,
a.forward:hover
{
background:url('../images/bullet2.gif') no-repeat 0 50%;
}

/* back */
#content p a.back:link,
#content p a.back:visited,
a.back:link,
a.back:visited
{
font-weight:normal;
text-decoration:none;
color:#000066;
padding-left:14px;
background:url('../images/bulletLeft.gif') no-repeat 0 50%;
}
#content p a.back:hover,
a.back:hover
{
background:url('../images/bullet2Left.gif') no-repeat 0 50%;
}

/* delete */
#content p a.delete:link,
#content p a.delete:visited,
a.delete:link,
a.delete:visited
{
font-weight:normal;
text-decoration:none;
color:#000066;
padding-left:14px;
background:url('../images/bulletDelete.gif') no-repeat 0 50%;
}
#content p a.delete:hover,
a.delete:hover
{
background:url('../images/bulletDelete2.gif') no-repeat 0 50%;
}

/* view */
#content p a.view:link,
#content p a.view:visited,
a.view:link,
a.view:visited
{
font-weight:normal;
text-decoration:none;
color:#000066;
padding-left:14px;
background:url('../images/bulletView.gif') no-repeat 0 50%;
}
#content p a.view:hover,
a.view:hover
{
background:url('../images/bulletView2.gif') no-repeat 0 50%;
}

/* edit */
#content p a.edit:link,
#content p a.edit:visited,
a.edit:link,
a.edit:visited
{
font-weight:normal;
text-decoration:none;
color:#000066;
padding-left:14px;
background:url('../images/bulletEdit.gif') no-repeat 0 50%;
}
#content p a.edit:hover,
a.edit:hover
{
background:url('../images/bulletEdit2.gif') no-repeat 0 50%;
}

/* add */
#content p a.add:link,
#content p a.add:visited,
a.add:link,
a.add:visited
{
font-weight:normal;
text-decoration:none;
color:#000066;
padding-left:14px;
background:url('../images/bulletAdd.gif') no-repeat 0 50%;
}
#content p a.add:hover,
a.add:hover
{
background:url('../images/bulletAdd2.gif') no-repeat 0 50%;
}

/* uploaded */
#content p a.uploaded:link,
#content p a.uploaded:visited,
a.uploaded:link,
a.uploaded:visited
{
font-weight:normal;
text-decoration:none;
color:#000066;
padding-left:14px;
background:url('../images/bulletUploaded.gif') no-repeat 0 50%;
}
#content p a.uploaded:hover,
a.uploaded:hover
{
background:url('../images/bulletUploaded2.gif') no-repeat 0 50%;
}

/* complete */
#content p a.complete:link,
#content p a.complete:visited,
a.complete:link,
a.complete:visited
{
font-weight:normal;
text-decoration:none;
color:#000066;
padding-left:14px;
background:url('../images/bulletComplete.gif') no-repeat 0 50%;
}
#content p a.complete:hover,
a.complete:hover
{
background:url('../images/bulletComplete2.gif') no-repeat 0 50%;
}















/* basic table for displaying arrays of data */
table.displayArrayTable,
table.displayTable
{
border:1px solid #eaeaea;
font-size:0.8em;
width:844px;
}
table.displayArrayTable tr th
{
background:#eee;
color:#666;
text-align:left;
}
table.displayArrayTable tr th, 
table.displayArrayTable tr td, 
table.displayTable tr th, 
table.displayTable tr td
{
border-bottom:1px solid #eaeaea;
padding:0.5em 1em;
vertical-align:top;
text-align:left;
}
table.displayTable thead th
{
background:#006;
color:#fff;
}








/*  logged in - portal links */
#portalNavigationWrap
{
color:#fff;
border-bottom:1px solid #fff;
margin:0 0 1em 0;
}

#portalNavigationWrap ul
{
margin:0;
padding:0;
list-style-type:none;
clear:left;
}

#portalNavigationWrap ul.portalNavigation
{
margin:0;
padding:0;
list-style-type:none;
border-top:1px solid #fff;
}
ul.portalNavigation li
{
display:inline;
}
ul.portalNavigation li.end
{
border:0;
}


ul.portalNavigation li a:link,
ul.portalNavigation li a:visited
{
color:#fff;
margin-right:15px;
padding:16px 10px;
text-decoration:none;
text-align:center;
display:block;
float:left;
width:107px;
height:80px;
background:url('../images/bg_red.gif') left top;
font-size:0.9em;
}

ul.portalNavigation li a:hover
{
color:#fff;
text-decoration:none;
background:url('../images/bg_blue.gif') left top;
}
ul.portalNavigation li.end a:link,
ul.portalNavigation li.end a:visited
{
margin:0;
float:right;
}








#portalIndexNavigationWrap
{
}
#portalIndexNavigationWrap ul.portalNavigation
{
list-style-type:none;
margin:0;
padding:0;
}
#portalIndexNavigationWrap ul.portalNavigation li
{
float:left;
text-align:center;
margin:0;
padding:0;
}
#portalIndexNavigationWrap ul.portalNavigation li a:link,
#portalIndexNavigationWrap ul.portalNavigation li a:visited,
#portalIndexNavigationWrap ul.portalNavigation li a:hover
{
margin:0;
padding:2em 1em;
color:#fff;
font-size:1em;
background:url('../images/bg_red.gif') left top;
display:block;
height:6em;
width:8em;
margin:0 2em 2em 0;
}
#portalIndexNavigationWrap ul.portalNavigation li a:hover
{
background:url('../images/bg_blue.gif') left top;
}
#portalIndexNavigationWrap ul.portalNavigation li.end a:link,
#portalIndexNavigationWrap ul.portalNavigation li.end a:visited
{
margin:0 2em 2em 0;
float:left;
}