html, body  {
margin-left				: 0px;
margin-top				: 0px;
margin-right			: 0px;
margin-bottom			: 0px;
padding					: 0px;
font-family				: "Trebuchet MS", Verdana, Arial;
font-size				: small;
background-image		: url(../img/toolio-rotate2-dark.gif);
background-repeat		: repeat;
}

img#bg {
position				: fixed;
top						: 0;
left					: 0;
width					: 100%;
height					: 80px;
}

#content {
position				: relative;
z-index					: 1;
margin-top				: 10px;
}

.titlebar{
width					: 776px;
height					: 31px;
border					: 0px;
background-image		: url("../img/title.png"); 
background-repeat       : no-repeat; 
padding-left			: 12px;
padding-right			: 12px;
padding-top				: 12px;
padding-bottom			: 12px;
margin-left				: auto;
margin-right			: auto;
margin-top				: 0px;
margin-bottom			: 0px;
text-align              : right; 
float					: center;
}

.topmenu{
width					: 800px;
height					: 30px;
background				: url("../img/subtitle.png");
background-repeat       : no-repeat; 
padding					: 0px;
margin-left				: auto;
margin-right			: auto;
margin-top				: 0px;
margin-bottom			: 0px;
}

.mainpage{
width					: 800px;
background				: #FFFFFF;
margin-left				: auto;
margin-right			: auto;
margin-top				: 5px;
padding					: 0px;
float					: center;
border					: #DDD 1px solid;
}

.mainpage P {
margin					: 10px;
}

.mainpage img {
margin					: 0px;
border					: 0px;
}

.itemsummary{
width					: 360px;
background				: #FAFAFA;
margin-left				: 30px;
margin-right			: 10px;
margin-top				: 10px;
margin-bottom			: 10px;
padding					: 0px;
border					: #DDD 1px solid;
float					: left;
}

.usersummary{
width					: 290px;
background				: #FAFAFA;
margin-left				: 10px;
margin-right			: 30px;
margin-top				: 10px;
margin-bottom			: 10px;
padding					: 0px;
border					: #DDD 1px solid;
float					: right;
}

.tasksummary{
width					: 285px;
background				: #FAFAFA;
margin-left				: 10px;
margin-right			: 30px;
margin-top				: 10px;
margin-bottom			: 10px;
text-align				: center;
padding					: 0px;
border					: #DDD 1px solid;
float					: right;
}

.googlesearch{
float					: right;
padding-right			: 36px;
}

.showthumbnails{
width					: 720px;
background				: #FAFAFA;
margin-left				: 0px;
margin-right			: 32px;
margin-top				: 10px;
margin-bottom			: 10px;
text-align				: center;
padding					: 0px;
border					: #DDD 1px solid;
float					: right;
}

.sendemail{
width					: 738px;
background				: #FAFAFA;
margin-left				: 30px;
margin-right			: 30px;
margin-top				: 10px;
margin-bottom			: 10px;
text-align				: left;
padding					: 0px;
border					: #DDD 1px solid;
float					: left;
}

.addscore{
width					: 738px;
background				: #FAFAFA;
margin-left				: 30px;
margin-right			: 30px;
margin-top				: 10px;
margin-bottom			: 10px;
text-align				: left;
padding					: 0px;
border					: #DDD 1px solid;
float					: left;
}

.topfiller, .bottomfiller, .roundtopleft, .roundtopright,.roundbottomleft, .roundbottomright, .roundtopleftmain, .roundtoprightmain,.roundbottomleftmain, .roundbottomrightmain {
height					: 6px;
font-size				: 1px;
line-height				: 1px;
}

.bottomfiller {
width					: 100%;
clear					: both;
position				: relative;
}

.roundtopleft { 
background				: url(../img/circle-white.gif) no-repeat top left; 
width					: 6px;
float					: left;
position				: relative;
top						: -1px;
left					: -1px;    
}

.roundtopright { 
background				: url(../img/circle-white.gif) no-repeat top right; 
float					: right;
width					: 6px;
position				: relative;
top						: -1px;
left					: 1px;    
}

.roundbottomleft {
background				: url(../img/circle-white.gif) no-repeat top left; 
background-position		: 0 -6px ;
width					: 6px;
float					: left;
position				: relative; 
top						: 1px;
left					: -1px;
}

.roundbottomright {
background				: url(../img/circle-white.gif) no-repeat top right; 
background-position		: -6px -6px ;
width					: 6px;
float					: right;
position				: relative; 
top						: 1px;
left					: 1px;
}

.roundtopleftmain { 
background				: url(../img/circle-grey.gif) no-repeat top left; 
width					: 6px;
float					: left;
position				: relative;
top						: -1px;
left					: -1px;    
}

.roundtoprightmain { 
background				: url(../img/circle-grey.gif) no-repeat top right; 
float					: right;
width					: 6px;
position				: relative;
top						: -1px;
left					: 1px;    
}

.roundbottomleftmain {
background				: url(../img/circle-grey.gif) no-repeat top left; 
background-position		: 0 -6px ;
width					: 6px;
float					: left;
position				: relative; 
top						: 1px;
left					: -1px;
}

.roundbottomrightmain {
background				: url(../img/circle-grey.gif) no-repeat top right; 
background-position		: -6px -6px ;
width					: 6px;
float					: right;
position				: relative; 
top						: 1px;
left					: 1px;
}

.topmenubutton{ 
border					: 0px; 
width                   : 133px; 
height                  : 25px; 
margin					: 5px 31px 0px 31px;
} 

.hiddenlink:link, .hiddenlink:visited {
color					: #000;
text-decoration			: underline;
}

.hiddenlink:hover, .hiddenlink:active {
color					: #f68314;
text-decoration			: underline;
}

.hiddenlink2:link, .hiddenlink2:visited {
color					: #000;
text-decoration			: none;
}

.hiddenlink2:hover, .hiddenlink2:active {
color					: #f68314;
text-decoration			: underline;
}
.hiddenlink3:link, .hiddenlink3:visited {
color					: #000;
text-decoration			: underline;
font-size				: x-small;
}

.hiddenlink3:hover, .hiddenlink3:active {
color					: #f68314;
text-decoration			: underline;
font-size				: x-small;
}

.resultlink :hover {
cursor					: pointer;
}

.resultrow1 {
background				: #eef6ff;
height					: 100px;
}

.resultrow2{
background				: #ffffff;
height					: 100px;
}

.resultrow1:hover {
background				: #F9E8C5;
height					: 100px;
}

.resultrow2:hover{
background				: #F9E8C5;
height					: 100px;
}

.scoreresultrow1 {
background				: #eef6ff;
height					: 100px;
}

.scoreresultrow2{
background				: #ffffff;
height					: 100px;
}

#tabclosed{
background-image		: url("../img/tabclosed.png");
text-align				: center bottom;
background-repeat		: no-repeat;
background-position		: center;
height					: 22px;
padding					: 0px;
border					: 0px;
margin					: 0px;
}

#tabopened{
background				: url("../img/tabopen.png");
text-align				: center bottom;
background-repeat		: no-repeat;
background-position		: center;
height					: 22px;
padding					: 0px;
border					: 0px;
margin					: 0px;
}

#map{
text-align				: center;
padding					: 10px;
}

#search{
width					: 376px;
background				: #FFFFFF;
margin-left				: 30px;
margin-right			: 10px;
margin-top				: 10px;
margin-bottom			: 10px;
padding					: 0px;
float					: left;
}

#searchadd{
width					: 300px;
background				: #FFFFFF;
margin-left				: 30px;
margin-right			: 10px;
margin-top				: 10px;
margin-bottom			: 10px;
padding					: 0px;
text-align				: right;
float					: right;
}

#freestamp{
width					: 300px;
background				: #FFFFFF;
margin-left				: 30px;
margin-right			: 10px;
margin-top				: 10px;
margin-bottom			: 10px;
padding					: 0px;
text-align				: center;
float					: right;
}

#details{
width					: 520px;
background				: #fafafa;
margin-left				: 10px;
margin-right			: 10px;
margin-top				: 10px;
margin-bottom			: 10px;
padding					: 0px;
float					: left;
}

.tasks{
width					: 760px;
background				: #fafafa;
margin-left				: 10px;
margin-right			: 10px;
margin-top				: 10px;
margin-bottom			: 10px;
padding					: 0px;
float					: left;
}

#detailsadd{
width					: 210px;
background				: #FFFFFF;
margin-left				: 10px;
margin-right			: 10px;
margin-top				: 10px;
margin-bottom			: 10px;
padding					: 0px;
text-align				: right;
float					: right;
}

#rest{
clear					: both;
}

#results{
clear					: both;
}

#reactions{
clear					: both;
}

.breadcrums{
font-size				: small;
float					: left;
width					: 400px;
}

.tipheader{
font-size				: large;
}

.textarea{
font-family				: "Trebuchet MS", Verdana, Arial;
font-size				: small;
}


tr.header{
background-color		: #3f9dfc;
}


p.warning{
color					: #f68314;
}