/* contains main styles + decorator & layout styling */

html, object, body, form, fieldset, label, h1, h2, h3, h4, h5, h6, strong, ul, li, a, input, input.checkbox, p {
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-size: 12px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

body {
    background: #fff;
	margin:0px auto; /* Right and left margin widths set to "auto" */
}

li {
   margin-left: 15px;
}

a:hover{
   text-decoration:underline;
}

p {
    margin: 5px 0px;
    padding: 0px;
    border: 0px;
}

table{
    margin: 0;
    padding: 0;
    border: 0;
    border-spacing:0;
}
td {
    text-align: left;
    vertical-align: top;
    margin: 0;
    padding: 0;
}
td.right {
    text-align: right;
   vertical-align:middle;
}

td.left {
    text-align: left;
   vertical-align:middle;
}
td.smallleft {
    text-align: left;
    font-size:70%;
   font-weight:normal;
   vertical-align:middle;
}

td.smallright {
    text-align: right;
    font-size:70%;
   font-weight:normal;
   vertical-align:middle;
}

img {
   margin: 0;
   padding: 0;
   border:0;
}
a img {
   margin: 0;
   padding: 0;
   border:0;
}
hr {
   border: none;
   border-top: 1px solid #CCC;
   height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}
h1 { font-size: 160%; }
h2 { font-size: 150%; }
h3 { font-size: 140%; }
h4 { font-size: 130%; }
h5 { font-size: 120%; }
h6 { font-size: 110%; }

small {
   font-size:90%;
}

#drop-shadow {
   background: url('../imgs/horizontal-drop-shadow.png') center repeat-y !important ;
   background: url('../imgs/ie-horizontal-drop-shadow.gif') center repeat-y;
   text-align: center;
   padding: 0;
   margin: 0;
}

#maincontainer {
   background-color:#fff;
   width:827px;
	margin:0px auto;
	text-align:center;
	padding:6px 0px;
   margin-bottom:0px;
}

#maincontent {
   background-color:#fff;
   width:700px;
	margin:0px auto;
	text-align:left; /* Counteract to IE5/Win Hack */
	padding:0px;
   margin-bottom:0px;
   padding-top:30px;
}

#logo{
    width:100%;
    padding-bottom:10px;
    border-bottom:1px #666 solid;
    margin-bottom:40px;
}
#footerMessage{
    background-color:#fff;
    margin-top:100px;
    padding-top:10px;
    border-top: 1px #666 solid;
}
#footerMessage p{
    padding:0;
    margin:0;
    color:#666;
    font-size:11px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
   background-color:#fff;
}


#main{
    width:500px;
    padding:10px;
    margin:40px;
    border:1px solid #ccc;
}

#logo img{
    text-align:left;
}

#footer {
    background-color: #fff;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px #666 solid;
}

#footer p {
    padding: 0;
    margin: 0;
    color: #666;
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background-color: #fff;
}

/* general  styles for 'form' content */


/* basic form styles */
input {
   width:200px;
   border: 1px solid #ccc;
   text-align:left;
    font-size: 12px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
select {
   width:200px;
   border: 1px solid #ccc;
   text-align:left;
}

/* standard form */
#form {
   margin:0px;
   padding:0px;
   border:0px;
   text-align:left;
   color: #333;
   width:500px;
}
#form input.checkbox {
   width:20px;
}
#form input.checkboxhidden {
   display:none;
}
#form  input.submit {
   text-align:center;
   margin:5px 0px 5px 0px;;
   width:45px;
}
#form tr {
   line-height:22px;
}
#form td {
   padding:1px;
}
#form .errors{
   color:#f00;
   font-weight:bold;
}


#loginbox {
   text-align:left;
   margin-top: 0px;
}
#loginbox td.small {
   color:#666;
   vertical-align:middle;
}
#loginbox td.footer {
   color:#333;
   padding-top:5px;
}
#loginbox  input {
    font-size: 12px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
   border: 1px solid #ccc;
   width:150px;
   margin: 2px 0px;
}
#loginbox  input.submit {
   text-align:center;
   margin:5px 0px 5px 0px;;
   width:45px;
}
#loginbox  input.checkbox {
   border:0;
   width:20px;
}

#menu  input {
    font-size: 12px;
}