@charset "utf-8";
/* CSS Document */
/* This is the main style sheet, used by every page in the Dashboard */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

h1 {
	padding: 0;
	margin-bottom:15px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	vertical-align: bottom;
	color: #0099cc;
	text-align: left;
	width: 100%;
}

img
{  
border-style: none;
}

p
{
font:Arial, Helvetica, sans-serif;
font-size:1em;
color:#333333;
}

h2
{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
margin-top:0px;
font-size:1.1em;
color:#0099cc;
}

a:visited
{
color:#000000;
text-decoration:underline;
}

a:link
{
color:#000000;
text-decoration:underline;
}

a:hover
{
color:#000000;
text-decoration:none;
}

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(formbg1.gif) repeat-x left top;
width:145px;
}

.formbutton:hover{
cursor:pointer;
border:outset 1px #993399;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(formbg2.gif) repeat-x left top;
}

.formbuttonpad{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
margin-top:15px;
padding: 1px 2px;
background:url(formbg1.gif) repeat-x left top;
width:145px;
}

.formbuttonpad:hover{
cursor:pointer;
border:outset 1px #993399;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(formbg2.gif) repeat-x left top;
}
.formbuttonlogin{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(formbg1.gif) repeat-x left top;
width:130px;
}

.formbuttonlogin:hover{
cursor:pointer;
border:outset 1px #993399;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(formbg2.gif) repeat-x left top;
}

.dataformbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(formbg1.gif) repeat-x left top;
width:175px;
}

.dataformbutton:hover{
cursor:pointer;
border:outset 1px #993399;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(formbg2.gif) repeat-x left top;
}

.tick
{
padding-left:15px;
background-image:url(tick.gif);
background-repeat:no-repeat;
background-position:left;
}

.arrow
{
padding-left:15px;
background-image:url(arrow.gif);
background-repeat:no-repeat;
background-position:left;
}

.border-images
{
padding:0px;
margin:0px;
}

#registration
{
width:749px;
border-left:#0099cc 1px solid;
border-right:#0099cc 1px solid;
padding:5px;
background-image:url(images/paint-bucket.jpg);
background-position:bottom right;
background-repeat:no-repeat;
}

#dashboard
{
/*border-left:#0099cc 1px solid;
border-right:#0099cc 1px solid;*/
padding:5px;
/*background-image:url(images/paint-bucket-120.jpg);
background-position:bottom right;
background-repeat:no-repeat;*/
}





#bottomborder
{
height:3px;
background-image:url(images/bottom-border.jpg);
background-repeat:repeat-x;
margin-top:0px;
padding-top:0px;
}

#bottomborderleft
{
width:4px;
height:3px;
float:left;
padding:0px;
margin:0px;
}

#bottomborderright
{
width:4px;
height:3px;
float:right;
padding:0px;
margin:0px;
}

.line
{
border:none;
height:1px;
margin-top:0px;
color:#0099cc;
background-color:#0099cc;
}

#signout
{
text-align:center;
width:225px;
height:35px;
position:absolute;
left:75%;
color:#0099cc;
top:20px;
}

#signout p {
color:red;
margin:0px;
padding:0px;
}

#signout a
{
margin:0px;
padding:0px;
color:#0099cc;
text-decoration:none;
font-family:tahoma;
font-size:10px;
font-weight:bold;
}

#options
{
text-align:center;
width:225px;
height:20px;
position:absolute;
left:75%;
color:#0099cc;
top:0px;
line-height:14px;
text-transform: uppercase; /* force text to uppercase */
}

#options a
{
color:#0099cc;
text-decoration:none;
font-family:tahoma;
font-size:10px;
font-weight:bold;
}

.divide
{
padding-top:2px;
font-size:15px;
line-height:15.6px;
}

.bottom-link
{
color: #cccccc;
font-size:12px;
text-align:left;
}

.bottom-link a
{
color: #0099cc;
font-size:12px;
}

#topright
{
position:absolute;
right:0;
top:0;
background-color:#CECEFD;
text-decoration:none;
width:30px;
height:23px;
padding:0px;
margin:0px;
text-align:center;
}

#topright2
{
position:absolute;
right:0;
top:0;
background-color:#CECEFD;
text-decoration:none;
width:30px;
height:23px;
padding:0px;
margin:0px;
text-align:center;
border:4px #FFFFFF solid;
}

#topleft
{
position:absolute;
left:0;
top:0;
background-color:#CECEFD;
text-decoration:none;
width:30px;
height:23px;
padding:0px;
margin:0px;
text-align:center;
z-index:9;
}


#topright:hover
{
background-color:#D1E8EF;
}

#topright2:hover
{
background-color:#D1E8EF;
}

#topleft:hover
{
background-color:#D1E8EF;
}

#active-link
{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
padding: 1px 2px;
background:url(formbg1.gif) repeat-x left top;
height:18px;
width:139px;
float:left;
}
#active-link a:active
{
text-decoration:none;
}
#active-link:hover{
cursor:pointer;
border:outset 1px #993399;
background:#999;
color:#666;
padding: 1px 2px;
background:url(formbg2.gif) repeat-x left top;
}

.active-input
{
background-color:#c3fba1;
border:1px solid #00CC33;
}

.active-table
{
background-color:#c3fba1;
border:1px solid #00CC33;
padding-left:3px;
}

#data-container
{
width:70%;
background-color:red;
float:left;
display:block;
}

#data-div
{
margin-right:3px;
margin-bottom:5px;
padding:3px;
width:180px;
position:relative;
float:left;
background-color:#EFEFF5;
}

#new-project-div
{
margin-top:5px;
clear:left;
width:775px;
padding:5px;
background-image:url(images/bottom-gradient.jpg);
background-repeat:repeat-x;
}

#add-image-div
{
clear:left;
width:782px;
padding:5px;
background-image:url(images/bottom-gradient.jpg);
background-repeat:repeat-x;
}

#edit-image-div-thin
{
margin-top:10px;
width:530px;
margin:0px;
padding:0 5px 5px 5px;
background-color:#CECEFD;
border:#3300FF solid 1px;
}

#edit-image-div
{
margin-top:10px;
width:530px;
padding:5px;
background-color:#CECEFD;
border:#3300FF solid 1px;
}

#click {
width:300px;
line-height:30px;
font-family:verdana,arial,helvetica,sans-serif;
font-size:16px;
color:#666;
text-align:center;
background-color:#fff;
border:3px double #666;
cursor:pointer;
margin:20px auto;
}


.red
{
color:#FF0033;
}
.neut
{
color:#3366FF;
}
.green
{
color: #00CC00;
}