* { margin:0; padding:0;}
body{
    background-color:#6699cc;
    background-image:url(/images/background.jpg);
    background-position: top center;
    background-repeat:no-repeat;
}
html, input, textarea, select{font-family:Tahoma; font-size:12px; color:#525252; line-height:15px;}
p{margin-bottom:10px}

#main {margin:0 auto; width:900px;}

/*in_line*/
input, select { vertical-align:middle; font-weight:normal;}
table{background-color: white; border:1px solid silver; padding: 10px;}
table td{padding: 5px;}

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

.column { float:left;}
.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

h1{margin-bottom:10px}
.form { height:30px;}
.form input {width:219px; height:17px; color:#3A3A3A; background:none; border-color:#DBDBDB;}
textarea { width:220px; height:71px; border-color:#DBDBDB; background:none; overflow:auto; margin-bottom:2px;}

.input { width:167px; height:17px; border-color:#DBDBDB; }

.title { margin-bottom:18px;}
.col_1, .col_2, .col_3{ float:left;}
.img_indent { margin:0 15px 0 0; float:left;}

#header ul, .left_navigation ul { list-style:none;}
li a { color:white; line-height:18px;}
ol{margin:10px;padding:10px;}
.txt1 { color:#161517;}
.txt2 { color:#3B6276;}

.line_hor { background:url(/images/line1.gif) left top repeat-x;}
.line_hor1 { background:url(/images/line2.gif) left top repeat-x;}
#line_hor { background:url(/images/line2.gif) left top repeat-x;}

/*header*/
#header {height:100%;}
#header img {border:0; }
#header .wrapper {overflow:hidden;background-color: #ff9900; width: 880px;height:320px; margin-left: 10px; margin-top: 10px;}
#header .indent{}
#header .row_1 {padding-top: 49px; padding-bottom: 10px;}
#header .row_1 .col_1 .nav_spacer { height:182px; width:900px;}
#header .row_1 .col_1 .nav_wrapper { height:33px; width:900px;}
#header .row_1 .col_1 .indent { height:215px;width:900px;padding:34px 0 37px 21px}
#header .row_1 .col_1 .nav_wrapper .date {float:right; padding-right: 35px; padding-top: 2px;}
#header .row_1 .col_1 .nav_wrapper .date a {color:white;}
#header .row_1 .col_1 .nav_wrapper .horizonal_nav {float:right; padding-right:100px; padding-bottom: 10px; font-size: 1.1em}

#header .row_1 .col_2 { float:right; color:#B5B5B5;}
#header .row_1 .col_2 .indent { padding:58px 34px 0 0;}
#header .row_2 {overflow: hidden; height: 340px;background-color: white;}
#header .row_2 .col_1 { overflow:hidden; height: 300px;width:580px; padding-top: 10px; padding-left: 10px; }
#header .row_2 .col_2 {background:url(/images/header_bgd.gif) left top repeat-x;}
#header .row_2 .col_2 .indent { padding:40px 0 30px 23px;}
#header .row_2 .col_3 {float:left;height: 288px;width:115px;}
#header ul li { display: inline; }
#header ul li a { color:#FFFFFF; text-transform:uppercase; background:none; padding-left:25px; text-decoration:none;}
#header ul li.current a { color:#FF9900;}
#header ul li a:hover { color:#FF9900;}



/*footer*/
#footer {text-align: center}
#footer header img {border:0; }
#footer .indent { padding:19px 0 0 35px;}
#footer a { color:white;}


/*================== index.html ==================*/
#content{position:relative;background: white;}
#content .left_navigation {margin-left: 10px;color:white;background-color:#000066;float:left;width:245px; position:relative;}
#content .left_navigation .indent { padding:37px 0 0 30px;}
#content .left_navigation .indent1 { padding:4px 0 24px 30px; line-height:18px;}
#content .left_navigation .line_hor { margin:20px 0 0 0;}
#content .left_navigation .line_hor { margin:20px 0 0 0;}
#content .left_navigation ul {}
#content .left_navigation a {color:white;text-decoration:none}
#content .left_navigation ul li {padding: 10px 0 0 20px;}
#content .left_navigation ul li.current {list-style-type:circle; padding: 10px 0 0 20px;}
#content .left_navigation ul li.current a { color:#99ddff; text-decoration:underline;}
#content .left_navigation .address a { text-decoration:underline;}


#content .col_2 .indent { padding:29px 0 40px 17px;}
#content .col_2 .title { margin:0 0 18px 2px;}
#content .col_3 { background:url(/images/line3.gif) left top repeat-x #F3F3F3;}
#content .col_3 .indent { padding:29px 20px 44px 22px;}
#content a {color:#6699cc }
#main_content {float:left; position:relative;width:625px; padding-left: 10px;}


/*==========================================*/

#content .left_navigation .admin_navigation a {color:#99ddff; }
#content .left_navigation .admin_navigation{padding-left: 10px;}
#content .left_navigation .admin_navigation ul{padding-top: 10px;}
#content .left_navigation .admin_navigation ul li {padding: 10px 0 0 20px;}
#content .left_navigation .admin_navigation ul li a {color:#99ddff; }
#content .left_navigation .admin_navigation ul li.restricted a {color:red; }


.note {
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
    -moz-border-radius-topleft:8px;
    -moz-border-radius-topright:8px;
    background-color:#FFFFE1;
    background-image:url(/images/caution.gif);
    background-position:20px 15px;
    background-repeat:no-repeat;
    border:2px solid #F4E4B7;
    line-height:normal;
    margin:0px 0px 20px;
    padding:20px 20px 20px 85px;
}
.meta {
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    background:#F3F3F3 none repeat scroll 0% 50%;
    border-top:1px solid #EDEDED;
    display:block;
    padding:10px;
}
.warning {
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
    -moz-border-radius-topleft:8px;
    -moz-border-radius-topright:8px;
    background-color:#FFE3E1;
    background-image:url(/images/warningred.gif);
    background-position:20px 15px;
    background-repeat:no-repeat;
    border:2px solid #FFC6AD;
    line-height:normal;
    margin:0px 15px 20px;
    padding:20px 20px 20px 85px;
}
.stop {
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
    -moz-border-radius-topleft:8px;
    -moz-border-radius-topright:8px;
    background-color:#FFE3E1;
    background-image:url(/images/stop.gif);
    background-position:20px 15px;
    background-repeat:no-repeat;
    border:2px solid #FFC6AD;
    line-height:normal;
    margin:0px 15px 20px;
    padding:20px 20px 20px 85px;
}

a.add, a.delete,a.export, a.edit, a.notice, a.reset, a.report,a.go, a.back, a.save, a.key, a.up, a.star, a.loading, a.down, a.vcard, a.message, a.star {
    padding-bottom:0.2em;
    padding-left:18px !important;
    padding-right:0.5em;
    padding-top:0.2em;
}
a.add {
    background:transparent url(/images/icons/add.png) no-repeat scroll 0pt 50%;
}
a.delete {
    background:transparent url(/images/icons/delete.png) no-repeat scroll 0pt 50%;
}
a.edit {
    background:transparent url(/images/icons/edit.png) no-repeat scroll 0pt 50%;
}
a.export {
    background:transparent url(/images/icons/export.png) no-repeat scroll 0pt 50%;
}
a.up {
    background:transparent url(/images/icons/up.png) no-repeat scroll 0pt 50%;
}
a.down {
    background:transparent url(/images/icons/down.png) no-repeat scroll 0pt 50%;
}
a.reset {
    background:transparent url(/images/icons/reset.png) no-repeat scroll 0pt 50%;
}
a.report {
    background:transparent url(/images/icons/report.png) no-repeat scroll 0pt 50%;
}
a.go {
    background:transparent url(/images/icons/next.png) no-repeat scroll 0pt 50%;
}
a.save {
    background:transparent url(/images/icons/save.png) no-repeat scroll 0pt 50%;
}
a.back {
    background:transparent url(/images/icons/back.png) no-repeat scroll 0pt 50%;
}
a.key {
    background:transparent url(/images/icons/key.gif) no-repeat scroll 0pt 50%;
}
a.vcard {
    background:transparent url(/images/icons/vcard.png) no-repeat scroll 0pt 50%;
}
a.loading {
    background:transparent url(/images/icons/small-ajax-loader.gif) no-repeat scroll 0pt 50%;
}
a.picture_edit {
    background:transparent url(/images/icons/picture_edit.png) no-repeat scroll 0pt 50%;
}
a.message {
    background:transparent url(/images/icons/mail.png) no-repeat scroll 0pt 50%;
}
a.notice {
    background:transparent url(/images/icons/notice.png) no-repeat scroll 0pt 50%;
}
a.star {
    background:transparent url(/images/icons/star.png) no-repeat scroll 0pt 50%;
}
ul.footer {
    list-style-type:none;

    width:800px;
    margin:0 auto;
}

ul.footer li {
    float:left;
    margin:5px;
    list-style-type:none;

} 
ul.menu li{
    margin-left:10px;}
fieldset {
    border-color:#000000;
    border-style:solid none none;
    border-width:1px 0pt 0pt;
    clear:both;
    font-size:100%;
    margin:0pt;
    padding:10px;
}
fieldset legend {
    color:#000000;
    font-size:150%;
    font-weight:normal;
    margin:0pt;
    padding:0pt 5px;
}
fieldset div.notes {
    background-color:#FFFFE1;
    border:1px solid #666666;
    color:#666666;
    float:right;
    font-size:88%;
    height:auto;
    margin:0pt 0pt 10px 10px;
    padding:5px;
    width:200px;
}
fieldset div.notes h4 {
    background-image:url(/images/icons/question.gif);
    background-position:left top;
    background-repeat:no-repeat;
    border-color:#666666;
    border-style:solid;
    border-width:0pt 0pt 1px;
    color:#666666;
    font-size:110%;
    padding:3px 0pt 3px 27px;
}
fieldset div.notes p {
    color:#666666;
    margin:0em 0em 1.2em;
}
fieldset div.notes p.last {
    margin:0em;
}
fieldset label {
    display:block;
    float:left;
    margin:0pt 0pt 5px;
    padding:3px 5px;
    text-align:right;
    width:130px;
}
fieldset li label {
    float:none !important;
    text-align:left;
    width:100%;
}
legend a {
    border-bottom:1px dashed #333333;
    text-decoration:none;
}
legend a:hover {
    background-color:#FFFFCC;
}

#main_content ul, #main_content ol{
    margin:10px;padding:10px;
}
h2 {font-size:18px;}
a.on {
    background:url(/images/marker2.gif) no-repeat 0 5px;
    padding-left:17px;
}
table.image_thumbnails td{
    height:100px;
    margin:10px;
    margin:10px;
    overflow:hidden;
}


table.image_thumbnails td img{

    width:100px;
    border:1px solid #c0c0c0;
    margin-left:50px;
    margin-right:50px;
}
td.image_thumbnails{
    list-style-type:none;
}

ol.image_thumbnails li{

    width:200px;
    height:100px;
    display:block;
    margin:10px;

    overflow:hidden;
}


ol.image_thumbnails li img{
    float:left;
    width:100px;
    border:3px solid #c0c0c0;
    margin-right:10px;
}
ol.image_thumbnails{
    list-style-type:none;
}
form.fancy label{
    padding:5px;
    padding-right:10px;
    background-color:#e5e5e5;
}
table.jobs tr{

}

table.jobs td{

    margin-left:50px;
    margin-right:50px;
}
table.jobs td a{

    margin-left:50px;
    margin-right:50px;

}
/**/
#restricted{
    padding-left: 10px;
    padding-right: 10px;
    padding-top:2px;
    padding-bottom: 10px;
    border:1px solid red;
    color: red;
    background: #FFEEEE;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 2px;


}
#error, .error {
    padding:6px 10px 10px 45px;
    background:#FFEEEE;
    color:red;
    border:red solid 1px;
    text-align: center;
}

#notice, .notice  {
    padding:6px 10px 10px 45px;
    background:#ccffdd;
    color:green;
    border:green solid 1px;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border:#e8aaad solid 1px;
  padding:5px;
  margin-bottom: 5px;
  background:#f9e5e6;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  background:#f9e5e6;
  color: red;
  padding-bottom: 5px;
}

#errorExplanation p {
  color: #333;
  padding-left: 5px;

}
#errorExplanation ul  {
  padding-left: 10px;

}

#errorExplanation ul li {
  padding-left: 5px;
  font-size: 12px;
  list-style:disc;
}
#top_right_navigation ul li {
  padding:0px;
  background: none;
  height: 100px;
}
#top_right_navigation ul li a {
    border:none;
    background:none;
    padding:0px;
    line-height:0px;
    text-decoration:none;
}
#top_right_navigation ul li a:hover {
    background:none;
    padding: 0px;
}
