/* CREDITS
Title:		RICS My Fellowship - CSS Stylesheet
Author:		Dirk Bonhomme <dirk@inventis.be>
Date:		08/12/2008
*/

/* General styles
---------------------------------------------------------- */
body { background: #e4e4e4; font-family: Verdana, sans-serif; font-size: 11px; color: #303030; }
label { color: #9AB202; font-weight: bold; }
a { color: #3778a2; }
h1 { height: 35px; background: url(/design/images/layout/title.png) bottom repeat-x; color: #461964; font-size: 24px; }
h2 { height: 32px; background: url(/design/images/layout/title.png) bottom repeat-x; color: #461964; font-size: 18px; margin-bottom: 10px; }
h3 { color: #461964; font-size: 14px; margin-top: 5px; }
h3.clickable { cursor: pointer;text-decoration: underline; }
p { line-height: 21px; padding: 10px 0 15px; position: relative; }
strong { font-weight: bold; }
em { font-style: italic; }
ul.bullets { list-style: disc; margin: 0 0 0 30px; }
ul.bullets li { margin-bottom: 5px; }
ol.points li { margin-bottom: 5px; }
div.hr { margin: 15px 0; height: 1px; width: 100%; border-top: 1px solid #999; }
div.text p { padding-bottom: 0; }
.hidden { display: none; }

/*styled*/
a.magnifier{background:url(/design/images/layout/icons/magnifier.gif) no-repeat right center; padding:2px 18px;}
a.delete{background:url(/design/images/layout/icons/delete.gif) no-repeat right center; padding:2px 18px;}
a.add{background:url(/design/images/layout/icons/add.gif) no-repeat right center; padding:2px 18px;}
a.unread{background:url(/design/images/layout/icons/unread_msg.gif) no-repeat right center; padding: 2px 18px;}
a.reply{background:url(/design/images/layout/icons/reply_msg.gif) no-repeat right center; padding: 2px 18px;}
a.announce_lnk{background:url(/design/images/layout/icons/bell.gif) no-repeat left center; padding: 2px 18px;}
a.excel{background:url(/design/images/layout/icons/excel.gif) no-repeat right center; padding: 2px 18px;}
 
/* Header
---------------------------------------------------------- */
#header { width: 950px; height: 223px; background: url(/design/images/layout/header_background.png); margin: 0 auto; }

/*rics*/
#header div.rics { float: left; line-height: 35px; height: 40px; padding-left: 15px; color: #3778A2; }

/*login*/
#header div.login { float: right; line-height: 35px; height: 40px; text-align: right; padding-right: 15px; }

/*navigation*/
#header ul.navigation { padding: 3px 0 0 5px; width: 580px; clear: both; }
#header ul.navigation li { float: left; }
#header ul.navigation li a { float: left; width: 109px; height: 54px; text-indent: -999px; overflow: hidden; background: transparent left 0 no-repeat; }
#header ul.navigation li a:hover, #header ul.navigation li.active { background-position: left -54px; }

#header ul.navigation li.home a { width: 110px; background-image: url(/design/images/layout/navigation_home.png); }
#header ul.navigation li.inbox a { background-image: url(/design/images/layout/navigation_inbox.png); }
#header ul.navigation li.application a { background-image: url(/design/images/layout/navigation_application.png); }
#header ul.navigation li.mydetails a { background-image: url(/design/images/layout/navigation_mydetails.png); }
#header ul.navigation li.referees a { background-image: url(/design/images/layout/navigation_referees.png); }
#header ul.navigation li.users a { background-image: url(/design/images/layout/navigation_users.png); }
#header ul.navigation li.administrators a { background-image: url(/design/images/layout/navigation_administrators.png); }
#header ul.navigation li.login a { background-image: url(/design/images/layout/navigation_login.png); }

/* Container
---------------------------------------------------------- */
#container { width: 908px; background: white; margin: 0px auto; padding: 16px; overflow: hidden; }
#flash_wrapper{width:940px; margin:0 auto}
#flash { width: 908px; background: #fcfad8; margin: 5px auto 15px; padding: 16px; overflow: hidden; }
#flash p{padding:0; font-weight:bold}
#flash p img{margin-bottom:-3px;}

/*intro*/
#container div.intro { padding-bottom: 15px; }
#container div.intro p { line-height: 15px; padding: 10px 0 5px; }
#container div.intro ul { list-style: inside disc; line-height: 16px; margin: 5px 0 5px 20px; }

/* Welcome
---------------------------------------------------------- */
#welcome { width: 100%; overflow: hidden; }
#welcome div.left { float: left; width: 150px; padding-top: 5px; }
#welcome div.right { float: left; width: 720px; }
#welcome div.right p { padding-top: 5px; }

/* Form
---------------------------------------------------------- */
form.niceForm fieldset { margin: 10px 0; width: 440px; height: 100%; overflow: hidden; float: left; clear: both; }
form.niceForm legend { font-size: 16px; color: #461964; margin: 0 0 5px; padding: 0; }
form.niceForm div.entry { margin-bottom: 10px; height: 100%; overflow: hidden; }
form.niceForm div.entry p { padding: 0; }
form.niceForm label { display: block; line-height: 20px;}
form.niceForm input.text, form.niceForm textarea { border: 1px solid #e9e9e9; background: #f9f9f9; width: 432px; height: 23px; padding: 6px 0 0 6px; font-size: 11px; }
form.niceForm textarea { height: auto; }
form.niceForm select { border: 1px solid #e9e9e9; background: #f9f9f9; height: 23px; padding: 2px 0; font-size: 11px;}
form.niceForm button { float: right; width: 110px; height: 31px; text-align: center; color: white; text-decoration: none; background: url(/design/images/layout/button_submit.png); border: 0; cursor: pointer; font-weight: bold; }
form.niceForm button:hover { text-decoration: underline; }
form.niceForm span.error_msg{color:red; float:right}
form.niceForm.small fieldset { width: 280px; }
form.niceForm.small input.text, form.niceForm.small textarea, form.niceForm.small select { width: 272px; }
div.error{background:#FFE6E7; border:1px solid #CC0000; padding:5px}

/* Table
---------------------------------------------------------- */
table.niceTable { width: 100%; margin: 0 0 10px; background: #efefef; }

table.niceTable thead th { background: #503573; color: #fff; padding: 10px 7px; border-bottom: 1px solid white; }
table.niceTable thead th.right { text-align: right; }

table.niceTable tbody th, table.niceTable tbody td { border-bottom: 1px solid white; padding: 7px; }
table.niceTable tbody tr.even th, table.niceTable tbody tr.even td { background: #efefef; }
table.niceTable tbody th { color: #013759; }
table.niceTable tbody tr.read td strong { font-weight: normal; }

table.niceTable tfoot tr td{padding:6px; line-height: 23px; }
table.niceTable tfoot tr td a{color:#013759}
table.niceTable tfoot tr td a:hover { text-decoration: none; }
table.niceTable.selectTable tbody tr:hover td, table.niceTable tbody tr.active td { background: #d2d5d7; }

/* Messages
---------------------------------------------------------- */
#messages { height: 100%; overflow: hidden; }

#messages form { width: 280px; float: left; }
#messages table.niceTable strong { display: block; margin-bottom: 3px; }
#messages table.niceTable em { float: right; color: #f8971c; font-size: 10px; clear: both; font-style: normal; }
#messages table.niceTable input { float: right; clear: both; margin: 5px 0 0; }

#messages div.message { float: left; display: inline; margin-left: 17px; width: 611px; overflow: hidden; }
#messages div.message h2 { background: #392159; color: #fff; padding: 10px 7px; font-size: 15px; line-height: 14px; height: auto; }
#messages div.message div.content { padding: 10px;}
#messages div.message div.content p { padding: 5px 0; line-height: 14px; }

#messages div.message div.actions { background: #efefef; overflow: hidden; height: 100%; }
#messages div.message div.actions p { padding: 3px 0; }
#messages div.message div.actions p.left { float: left; }
#messages div.message div.actions p.right { float: right; text-align: right; }
#messages div.message div.actions strong { margin-left: 10px; color: #f8971c; }
#messages div.message div.actions a { color: #303030; }

div.announcements ul li{background:#f9f9f9; padding:8px 4px; margin-bottom:2px; border-bottom:1px solid #e1dfdf}
div.announcements ul li.odd{background:#f1f1f1}

/* CandidatesPanel
---------------------------------------------------------- */
#candidatesPanel { width: 280px; float: left; }

/* ProgressPanel
---------------------------------------------------------- */
#progressPanel { width: 280px; float: left; }

/* RightPanel
---------------------------------------------------------- */
#rightPanel { width: 611px; float: left; display: inline; margin-left: 17px; overflow: hidden; }

/* Footer
---------------------------------------------------------- */
#footer { width: 908px; clear: both; margin: 5px auto; height: 35px; }
#footer a { float: right; width: 68px; height: 25px; background: url(../images/layout/inventis.png) 0 0 no-repeat; text-indent: -6000px; overflow: hidden; }
#footer a:hover { background-position: 0 -25px; }