* { margin: 0; padding: 0; }

.right { text-align: right; }
.center { text-align: center; }
.clear { clear: both; }
.error_msg { color: #D3162F; background: #FBEAEC; font-weight: bold; text-align: center; padding: 0.5em; border: 1px solid #D3162F; }

html { overflow-y: scroll; }
body { font: 12px arial,helvetica,sans-serif !important; color: #000; background: #FFF; }
table { width: 100%; border-collapse: separate; border-spacing: 2px; }
tr { vertical-align: top; }
td { padding: 2px; }
ul { margin: 1em 0; padding-left: 2em; }
label[for] { cursor: pointer; }
select,input,button,textarea { font: 12px arial, helvetica, clean, sans-serif !important; padding: 2px; }
a, a:active, a:link, a:visited { text-decoration: none; color: #8184BD; }
a:hover { text-decoration: underline; color: #D3162F; }

.inner { width: 1300px; position: relative; }

#header .inner { min-height: 100px; }
#home-link { display: block; position: absolute; top: 10px; left: 10px; width: 150px; height: 87px; background: transparent url(../assets/images/logo-spf.png) no-repeat; text-indent: -10000px; background-color: {$color.main}; }
#header h1 { position: absolute; top: 40px; left: 215px; color: #D3162F; font: bold italic 16pt/1.2 arial, helvetica, sans-serif; }
#user-info { position: absolute; top: 10px; right: 0; }
#user-info .group-name { font-weight: bold; }

.menu_list { list-style: none; background: transparent url(../assets/images/raccourcis.gif) repeat; margin: 13px auto; padding: 0; line-height: 25px; background-color:#3F5174; }
.menu_list li { display: inline-block; font-size: x-small; }
.menu_list .menu_item { border-left: 1px solid #000; }
.menu_list a { display: block; color: #FFF; padding: 0 4px;  }
.menu_list a:hover { background: #FF0; color: #D3162F; }

#content { padding: 0 0 40px 10px; }

#footer { font-size: small; border: none; border-top: 1px solid #8184BD; margin: 10px 0 0; position: fixed; width: 100%; bottom: 0; text-align: right; background: #FFF; }
#footer .user_info { float: left; }

.box, .listing, .admin_messages { border: 1px solid #8184BD; margin: 1em 2px; }
.box_header, .admin_message_header { color: #FFFFFF; background: #8184BD; font-weight: bold; font-size: 120%; padding: 0.2em 0.5em; }
.box_label { color: #000000; background:  #E8E8F3; }
.box_field { color: #000000; background:  #E8E8F3; }
.box_submit_buttons { color: #000000; background:  #E8E8F3; text-align: right; }

.listing_head { color: #FFFFFF; background:  #8184BD; font-weight: bold; }
.listing_head a { color: #FFFFFF; }
.listing_row_1 { color: #000000; background:  #DCDDED; }
.listing_row_2 { color: #000000; background:  #F3F3F9; }

a.new_object_link, input.submit, input.newrec_submit_button {
  display: inline-block; margin: 1em 0; text-decoration: none; font-weight: bold; line-height: 26px; padding: 0 1em; border-radius: 2px;
  background: #8184BD; color: #E8E8F3;
  box-shadow: 0 1px 1px 0 #FFF inset; border: 1px solid #8184BD;
}
a.new_object_link:hover, input.submit:hover, input.newrec_submit_button:hover { background: #E8E8F3; color: #8184BD; }
input.submit, input.newrec_submit_button { margin: 0; height: 26px; }

#authentify, #home-page .admin_messages { margin: 26px 0 26px 146px; }
#home-page .main-content { margin: 26px 0 26px 146px; border: 2px solid #003F7A; background: #F6F6F6; padding: 1em; }

.ques_type { font-weight: bold; font-size: large; }
#change-pwd #passwd_lv { width: 50%; }

#create-listing-gui #ul1 li { cursor: default; }
#create-listing-gui #ul2 li { cursor: grab; }

.admin_messages .msg_list { list-style: none; padding: 0px; margin: 0px; }
.admin_messages .msg_list li { margin: 2px; }
.admin_messages .msg_list .info_message { border: 1px solid #8184BD; }
.admin_messages .msg_list .info_message .info_message_title { padding: 2px; color: #FFFFFF; background: #8184BD; font-weight: bold; }
.admin_messages .msg_list .info_message .info_message_content { margin: 2px; padding: 2px; }
.admin_messages .msg_list .alert_message { border: 1px solid #D3162F; }
.admin_messages .msg_list .alert_message .alert_message_title { padding: 2px; color: #FFF; background: #D3162F; font-weight: bold; }
.admin_messages .msg_list .alert_message .alert_message_content { margin: 2px; padding: 2px; color: #D3162F; background: #FBEAEC; }

.listing_evt_ins { background: #CFC; }
.listing_evt_mod { background: #FEC; color: #F90; }
.listing_evt_del { background: #FEE; color: #D3162F; }
.listing_evt { background: #EEF; }

#listing-page .listing { display: inline-block; padding: 2px; min-width: 792px; }

.table { display: table; width: 100%; border-spacing: 2px; }
.table .row { display: table-row; }
.table .row .box_label, .table .row .box_field, .table .row .box_submit_buttons { display: table-cell; padding: 2px; }
.box > .box_submit_buttons, .box > .content > .box_submit_buttons { margin: 0 2px 2px; }