/* CSS Document */

/* CSS Document */

body {
background-color:#F1f1f1;
font-size:100%;
font-family: "lucida sans", verdana, arial, helvetica, sans-serif;
margin:1.0em 0;
padding:0;
text-align:center;
}

#indexContainer {
background-color:#FFF;
margin:30px auto;
width:400px;
height:250px;
background:url(../layoutimages/admin-login.gif) no-repeat;
}

#indexContainer .form { bottom:0px}
#indexContainer table{ font-size:11px }

#indexContainer .input { width:150px; text-align:left }

#indexContainer img { border:2px dashed #ff0000; }

#indexContainer2 {
background-color:#FFF;
margin:30px auto;
width:400px;
height:250px;
background:url(../layoutimages/login-form-no-account.gif) no-repeat;
}

#indexContainer2 .form { bottom:0px}
#indexContainer2 table{ font-size:11px }

#indexContainer2 .input { width:150px; text-align:left }

#indexContainer2 img { border:2px dashed #ff0000; }

.hand { cursor:pointer; }

#container {
width:60em;
text-align:center;
margin:0 auto;
padding:1.0em;
color:#000000;
background-color:#fff;
}



#header { 
margin:0 0 1em 0;
padding:0;
height:100px;
}

/* Navigation */
#navbar {
color:#000;
margin:0;
padding:0;
text-align:left;
}

#navbar dl { margin:0 0.3em; padding:0; }
#navbar dd { display:inline; margin:0; padding:0.01em; font-size:0.75em; }
#navbar dd a.null {  color:#333; }
#navbar dd a { background:#003366 url(../layoutimages/nav_n.jpg) repeat-x bottom; color:#fff; padding: 0.5em 0.5em; text-decoration:none; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
#navbar dd a:hover { padding: 0.3em 0.5em 0.55em 0.5em; background:#fff url(../layoutimages/nav_o.jpg) repeat-x top; color:#333; border-bottom:1px solid #fff; }


#bodyblock {
padding:0px;
margin:0px;
}

/* Main Table Stuff*/
#main {
margin:0.5em 0 1em 0;
padding:0.5em;
text-align:left;
font-size:0.75em;
border:1px solid #ccc;
}

#main table { margin:1.0em 0; padding:0; border:1px solid #ccc; width:100%; }
#main table tr th { background-color:#ccc; color:#333 font-weight:bold; text-align:center; padding:0.7em; }
#main table tr td { border-collapse:collapse; padding:0.5em; margin:0; }
#main table tr.even { background-color:#f9f9f9; }
#main table .narrow { width:5em; text-align:center; }
#main table a img { border:none;}

.body1 { background-color:#FFFFFF; }
.body2 { background-color:#f7f7f7; }

.todo { background-color:#FFCCCC; color:#FF0000; font-weight:bold; }

.left {
float:left;
margin:0px 10px 10px 0px;
padding:1px;
border:1px solid #ccc;
}

.right {
float:left;
margin:0px 0px 10px 10px;
padding:1px;
border:1px solid #ccc;
}

/*** Form Styling ***/


.input { border:1px solid #ccc; width:400px;}
.shortinput { border:1px solid #ccc; width:200px;}
.areainput { border:1px solid #ccc; width:400px; height:200px;}
.button {border:1px solid #000; background-color:#FFF; color:#000; padding:0; font-size:10px; margin:0}

/*----Messages---*/

.warning { background-color:#ffff00; border:3px solid #000; color:#000; font-weight:bold; padding:5px; margin:10px 20px; text-align:center; }
.add { background-color:#66CC66; color:#fff; border:3px solid #339933; font-weight:bold; padding:0.5em; margin:0 0.3em;  text-align:center; }
.edit { background-color:#FFCC99; border:3px solid #FF9900; color:#FF9900; font-weight:bold; padding:0.5em; margin:0 0.3em;  text-align:center; }
.delete { background-color:#F8D1CA; border:3px solid #FF0000; color:#FF0000; font-weight:bold; padding:0.5em; margin:0 0.3em;  text-align:center; }
.back {  background-color:#E3DAFE; border:3px solid #CCC; color:#333; font-weight:bold; padding:1.0em; margin:1.0em; font-size:0.85em;   text-align:center;}

a.mesLink { color:#fff; text-decoration:none; font-weight:bold;}
a.mesLink:hover { color:#fff; text-decoration:underline; font-weight:bold;}

.errorLogin { background-color:#F9D9DF; border:3px solid #FF3333; color:#FF3333; font-weight:bold; padding:10px; margin:10px; width:410px;}
.errorMessage { background-color:#F9D9DF; border:3px solid #FF3333; color:#FF3333; font-weight:bold; padding:10px; margin:10px; width:530px;}
.deleteMessage { background-color:#f3f3f3; border:3px solid #FF0000; color:#FF0000; font-weight:bold; padding:10px; margin:10px; width:530px;}


#footer {
clear:both;
margin:0.5em 0;
padding:0px;
font-size:0.7em;
text-align:center;
}