/*
-----------------------------------------------
Global - Layout CSS
----------------------------------------------- */

body { border-top-color: #485758; background: #EFEFEF url(../images/common/site-bg.png) repeat-x; }
.hidden { display: none; }
#content-container { float: right; }
.container_16 { max-width: 960px; margin: 0 auto; }

.alrt { text-align: right; }
.alct { text-align: center; }
.alft { text-align: left; }

.clear { clear: both; }


ul.errorlist { padding-left: 70px; color: red; }
/* header
----------------------------------------------- */
h1#branding { padding: 10px 0; background-color: #FFF; }
.slogan { margin-top: 30px; font-size: 38px; font-weight: normal; color: #A19E85; }

/* navigation
----------------------------------------------- */

ul.nav li a, .main_nav a { font-weight: normal; }
.nav-wrapper { float: right; margin-top: 5px; width: 100%; background-color: #485758; }
ul.nav { float: right; height: 30px; background-color: #485758; }
ul.main li a { background-color: #485758; font-size: 12px; color: #FFF; }
ul.main li a:hover { background: #C4EEF0; color: #777777; }
    ul.main li.flag a { padding: 8px 5px 0 5px; height: 12px; }
    ul.main li.flag a:hover { background: #A4A187; }

ul.main_nav li {  margin: 0; margin-bottom: 15px; list-style: none; border-top: 1px solid #556869; }
    ul.main_nav li a, ul.main_nav li span { display: block; padding: 5px; background-color: #7A9495; color: #FFF; font-size: 12px;  }
    ul.main_nav li a:hover { background-color: #504E42; }
ul.main_nav ul { margin: 0; background: #FFF; }
    ul.main_nav li li { margin: 0; border: none; }
    ul.main_nav li li.first { border-top: 1px solid #556869; }
    ul.main_nav li li a { padding: 5px 10px; background: #A3C6C8 url(../images/common/menu_hr.gif) repeat-x bottom left; color: #FFF; }
    ul.main_nav li li a:hover { background-color: #C4EEF0; color: #222; }

    ul.main_nav li li.selected a { background-color: #C4EEF0; color: #777; font-weight: bold; }


/* articles
----------------------------------------------- */
.article { clear: both; border: none; }


/* forms
----------------------------------------------- */
.inline_form p { clear: both; width: 100%; overflow: hidden; }
.inline_form label { float: left; width: 80px; }
.inline_form input { vertical-align: middle; }

.password_form,
.login_form { width: 350px; padding: 25px; text-align: left; }
.password_form { width: 550px;  }
.password_form .form-row { clear: both; padding-top: 20px;  }
.password_form label { float: left; width: 95px;  }


/* extranet
----------------------------------------------- */
.extranet { padding: 15px; }
.extranet a { text-decoration: underline; }

.header-detail { padding: 5px 10px 0 0; text-align: right; }
.header-detail a { text-decoration: underline; }

/* pages
----------------------------------------------- */
#page a { text-decoration: underline; }
h5 { font-size: 13px; color: #535144;  }

/* footer
----------------------------------------------- */
#site_info .box { background-color: #485758; color: #FFF; }
#site_info .box a { color: #FFF; }


.pagination { width: 100%; overflow: hidden; padding: 10px 0; font-size: 12px; text-align: right; }
.pagination span.current { margin: 0 10px; }