* { padding: 0; margin: 0;}

body { 
font-size: 100%;
color: #000;
margin: 0;
padding: 20px 0;
background: #ffffff;
/* old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
/* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
/* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
/* ie */
}

#outer { 
border: 5px solid #666;
padding: 10px 0 0 0;
margin: 0 auto;
width: 960px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

#wrapper { font: normal 1em/1.5em trebuchet MS,sans-serif;
padding: 0;
margin: 0 auto;
overflow: hidden;
width: 940px;
}

#header { float: left;
height: 60px;
padding: 0;
margin: 0;
width: 940px;
}

#navTop {
float: left;
margin: 20px 0;
width: 940px;}
#navTop ul { margin: 0;
padding: 0;
}

#navTop li { 
float: left;
display: inline;
list-style: none;margin: 0 10px 0 0;
}

#leftColumn { behavior: url(PIE.htc);
background-color: #ebebeb;
border: 1px solid #666;
float: left;
margin: 0;
padding: 12px;
width: 174px;
min-height: 350px;
height: auto !important;
height: 350px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 2px #999999;
-moz-box-shadow: 2px 2px 2px #999999;
box-shadow: 2px 2px 2px #999999;
}

#leftColumn li { 
border: 1px solid #D1D1D1;
list-style: none;
margin-bottom: 2px;
height: 32px;
}

#leftColumn li a {
display: block;
 color: #000;
line-height: normal;
padding: 5px 5px 5px 10px;
text-decoration: none;
background: #e2e2e2;
/* old browsers */ background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
/* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe));
/* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
/* ie */
}

#leftColumn li a:hover {
color: #fff;
background: #666;
}

#mainColumn {
float: right;
margin: 0 0 0 20px;
padding: 0;
width: 720px;
min-height: 350px;
height: auto !important;
height: 350px;
}

#footer {
border-top: 1px solid #666;
float: left;
line-height: 1.1em;
margin: 20px 0 0 0;
padding: 16px 0 0 0;
text-align: center;
width: 940px;
}

h1 {
background-color: #666;
color: #fff;
float: left;
font-size: 3em;
line-height: 1.1em;
margin: 0;
padding: 5px 10px;
width: auto;
}

#header p {
color: #666;
float: left;
font-size: 2em;
margin: 0 0 0 5px;
width: auto;
}

h2 {
color: #666;
font-size: 1.7em;
line-height: 1.1em;
margin: 0 0 16px 0;
padding: 0;
}

h3 {
color: #666;
font-size: 1.3em;
line-height: 1.1em;
margin: 0 0 16px 0;
padding: 0;
}

h4 {
color: #666;
font-size: px;
line-height: 1.1em;
margin: 0 0 16px 0;
padding: 0;
}

a {
color: #1a4e9c;
font-weight: normal;
text-decoration: underline;
}

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

hr {
float: left;
width: 100%;
height: 1px;
color: #000;
border: none;
}

html > body hr {
margin: 8px 0;
width: 100%;
height: 1px;
background-color: #000;
border: none;
}

p { margin: 0 0 16px 0; padding: 0; }

img { border: 0; }

#mainColumn li { list-style: none; }

form { margin: 0 0 16px 0; }

input { 
behavior: url(PIE.htc);
border: 1px solid #000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 8px;
padding: 5px;
width: 200px;}

textarea { 
behavior: url(PIE.htc);

background: #ffffff;
border: 1px solid #000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 8px;
padding: 5px;
height: 200px;
overflow: auto;
width: 500px;
}

textarea:focus, input:focus { border: 1px solid #c00; }

.button { behavior: url(PIE.htc);
border: 1px solid #000;
font-weight: bold;
padding: 4px 8px;
width: auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 2px #999999;
-moz-box-shadow: 2px 2px 2px #999999;
box-shadow: 2px 2px 2px #999999;
background-color: #DDDDDD;
color: #000;
background: #ffffff;
/* old browsers */ background:-moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
/* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
/* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
/* ie */
}

.button:hover { behavior: url(PIE.htc);
cursor: pointer;
background: #e2e2e2;
/* old browsers */ background:-moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
/* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe));
/* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
/* ie */
}

table { border-left: 1px solid #666;
border-top: 1px solid #666;
margin-bottom: 16px;
vertical-align: top;
width: auto;
}

td {
border-right: 1px solid #666;
border-bottom: 1px solid #666;
padding: 4px 8px;
vertical-align: top;
width: auto;
}

th {
background-color: #666;
border-right: 1px solid #F8F8F8;
border-bottom: 1px solid #666;
color: #fff;
text-align: left;
padding: 4px 8px;
}

#settings {
float: left;
margin-bottom: 16px;
width: 100%;
}

#settings input { width: 350px; }
#settings .left p { margin-bottom: 9px; }

#settings .left { 
float: left; 
font-weight: bold;
margin: 0 8px 0 0;
width: 142px;
}

#settings .right { float: left; width: 550px; }

#settings .right p { margin-bottom: 0; }

#thumbBox { /*Outermost DIV for thumbnail viewer*/ position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: pointer;
}

#thumbBox .footerbar { /*Footer DIV of thumbbox that contains "close" link */ font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}

#thumbBox #thumbImage { /*DIV within thumbbox that holds the enlarged image */ background-color: white;
}

#thumbLoading { /*DIV for showing "loading" status while thumbbox is being generated*/ position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

.error {
background: #FBE3E4 url(error.png) no-repeat 4px 6px;
border: 2px solid #FBC2C4;
margin: 0 0 8px 0;
padding: 2px 4px 2px 25px;
}

.success {
background: #E6EFC2 url(success.png) no-repeat 4px 6px;
border: 2px solid #C6D880;
margin: 0 0 8px 0;
padding: 2px 4px 2px 25px;
}

.info {
background: #D5EDF8 url(info.png) no-repeat 4px 6px;
border: 2px solid #92CAE4;
margin: 0 0 8px 0;
padding: 2px 4px 2px 25px;
}