/* CSS Document */
/* EACR Screen styles
Ariam Media April/May/June 2007 / Nov 2009 */

body {
	text-align: center;
	background: #EDF1F0;
	margin: 0 0;
	padding: 0 0;
	color: #666666;
}

p {
	margin: 0 0;
}
img {
	border: none;
}
#container {
	text-align: left;
	width: 744px;
	margin: 0 auto;
	color: #A5A5A5;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 100%;
}

#header {
	background: url(img/page_header.jpg) top no-repeat;
	height: 35px;
}

#footer {
	background: url(img/page_footer.jpg) top no-repeat;
	height: 39px;
}

#innercontainer  {
	background: url(img/page_back_rpt.jpg) top repeat-y;
}

#maincontent {
	margin: 0 35px;
}

img.noprintimage {
	display: none;
}
img.printimage {
	display: block;
}

/*---------------------NAVIGATION - TOP LEVEL ----------------------------*/
#navigation {
	font-size: 80%;
	background: #ffffff;
	margin: 12px 0;
	padding: 2px 2px;
	border: solid 1px #BFD2CF;	
}

#navigation ul, #navigation ul li {
	list-style: none;
	margin: 0;
}

#navigation ul {
	padding: 2px;
	text-align: left;	
}

#navigation ul li {
	display: inline;
	margin-right: 12px;
}

#navigation ul li a {
	color: #004D3F;
	text-decoration: none;
}

#navigation ul li a:hover {
	color: #004D3F;
	text-decoration: underline;
}

/*\*//*/
#navigation ul li a {
	display: inline-block;
	white-space: nowrap;
	width: 1px;
}

#navigation ul {
	padding-bottom: 0;
	margin-bottom: -1px;
}
/**/

/*\*/
* html #navigation ul li a {
	padding: 0;
}
/**/

/*------------------------------------------------------------------------*/

#ticker {
	border: solid 1px #BFD2CF;
	font-size: 80%;
	padding: 2px 2px;
}


#mainbody {
	border-left: #BFD2CF solid 1px;
	border-right: #BFD2CF solid 1px;
	margin-top: 10px;
}

#leftwide {
	float: left;
	width: 460px;
	margin: 0 0 10px 0;
	border-right: #BFD2CF solid 1px;
	padding: 2px 10px;
	color: #A5A5A5;
	font-size: 80%;
}
#leftwide_minisite {
	float: left;
	width: 640px;
	margin: 0 0 10px 0;
	padding: 2px 10px;
	color: #A5A5A5;
	font-size: 80%;
}

#rightnarrow {
	width: auto;
	margin: 0 0 10px 478px;
	padding-left: 10px;
	font-size: 80%;
}

#newsright {
	margin: 0 8px 0 2px;
	padding: 4px 8px;
	background: #EDF2F1;
}

#jobs_and_study {
	margin: 0 8px 0 2px;
	padding: 4px 8px;
	background: #D5E8E4;
}

#membersright {
	margin: 0 8px 0 2px;
	padding: 4px 8px;
	background: #DFE0E0;
}

.clear{
	clear:left;
}

img.sepline {
	clear: both;
}

#adminpanel {
	/*margin: 0 8px 0 2px;*/
	padding: 4px 8px;
	background: #CCCC99;
}

#footercontent {
	font-size: 60%;
	text-align: center;
	border-top: #BFD2CF solid 1px;
	padding-top: 2px;
}

#footercontent p {
	margin: 0 0;
	padding: 4px 0;
}

h1 {
	font-size: 140%;
	font-weight: normal;
	color: #004D3F;
}

h2 {
	color: #004D3F;
	margin: 3px 0;
}

#rightnarrow h1 {
	padding: 4px 10px;
	margin: 4px 0;
	font-size: 110%;
	display: block;
	border: solid 1px #bfd2cf;
	background: #ffffff;
}


#rightnarrow h2 {
	font-size: 90%;
}

#rightnarrow p, #leftwide p, #leftwide li, #leftwide_minisite p, #leftwide_minisite li {
	margin: 5px 0;
	color: #666666;
	font-size: 90%;
}

#leftwide h2, #leftwide_minisite h2 {
	font-size: 105%;
	margin: 0 0;
}
	
#leftwide h3, #leftwide_minisite h3 {
	color: #333333;
	margin: 3px 0;
	font-weight: bold;
	font-size: 90%;
}

#leftwide a, #jobs_and_study a, #newsright a, #leftwide_minisite a {
	color: #004D3F;
	text-decoration: none;
}

#leftwide a:hover, #jobs_and_study a:hover, #newsright a:hover, #leftwide_minisite a:hover {
	color: #004D3F;
	text-decoration: underline;
}

.newspanel {
	margin: 10px 0;
	clear: both;
}
.newsimg {
	float: left;
	margin: 0 0;
	width: 106px;
	padding: 0 0;
}
.newssummary {
	width: auto;
	margin: 0 0 0 116px;
	padding: 0 4px;
}
* html .newssummary p, html .newssummary a { /* IE 3px jog hack*/
height: 1%;
}
#membersright h3 {
	font-size: 90%;
}
#membersright a {
	color: #004D3F;
	text-decoration: none;
}

#membersright a:hover {
	color: #004D3F;
	text-decoration: underline;
}
#membersright p.gracelogin {
	color: #FFFFFF;
	background: #FF3300;
	font-weight: bold;
}

/*-------------------------members menu icons ------------------*/

.iconmenu {
	margin: 5px 0;
	
}
.iconimg {
	float: left;
	margin: 0 0;
	width: 30px;
	padding: 0 0;
}
.menutext {
	width: auto;
	margin: 0 0 0 30px;
	padding: 0 4px;
}
* html .iconmenu p, html .iconmenu a { /* IE 3px jog hack*/
height: 1%;
}

/*--------------------------------------------------------------*/

#footercontent a {
	color: #004D3F;
	text-decoration: none;
}

#footercontent a:hover {
	color: #004D3F;
	text-decoration: underline;
}

p.strap {
	font-size: 105%;
	font-style: italic;
	font-weight: bold;
	color: #003300;
	text-align: center;
	margin-top: 5px;
}
#leftwide p.error, #leftwide_minisite p.error {
	font-weight: bold;
	color: #ffffff;
	background: #990000;
}
table.doctable {
	width: 90%;
	border: 1px solid #666666;
	background: #CCCCCC;
	margin: 1px 1px;
	padding: 2px 2px;
	color: #000000;
	font-size: 90%;
}
.downloadpanel {
	margin: 10px 0;
	padding: 5px 5px;
	border: 1px solid #BFD2CF;
	background: #EDF2F1;
}
.linkpanel {
	margin: 10px 0;
	padding: 5px 5px;
	border: 1px solid #BFD2CF;
	background: #EDF2F1;
	width: 40%;
	float: right;
}
.newsimg_left {
	float: left;
	margin: 0 5px 5px 0;
}

.newsimg_right {
	float: right;
	margin: 0 0 5px 5px;
}
.studentpanel {
	margin: 10px 0;
	padding: 5px 5px;
	border: 1px solid #BFD2CF;
	background: #EDF2F1;
}
/*------------------------ discussion forum elements ----------------------*/
table.forum {
	background: #EDF2F1;
	border: 1px solid #006633;
	padding: 1px 1px;
	margin: 1px 1px;
	width: 95%;
	font-size: 95%;
	font-weight: normal;
}
table.forum th {
	font-weight: bold;
	background: #006633;
	color: #ffffff;
}
table.forum .row1 {
	background: #EDF2F1;
	color: #000000;
}
table.forum .row2 {
	background: #ffffff;
	color: #000000;
}

table.forum a {
	color: #000000;
	text-decoration: none;
}

table.forum a:hover {
	color: #004D3F;
	text-decoration: underline;
}
#signup p.formerror, p.formerror, #leftwide p.formerror {
	font-weight: bold;
	color: #ffffff;
	background: #990000;
}
table.forummessages {
	background: #EDF2F1;
	border: 1px solid #006633;
	padding: 1px 1px;
	margin: 1px 1px;
	width: 95%;
	font-size: 95%;
	font-weight: normal;
}
table.forummessages th {
	font-weight: bold;
	background: #006633;
	color: #ffffff;
}
table.forummessages .row1 {
	background: #EDF2F1;
	color: #000000;
}
table.forummessages .row2 {
	background: #ffffff;
	color: #000000;
}
table.forummessages .messageauthor {
	font-size: 90%;
	color: #666666;
}
table.forummessages .messagedate {
	font-size: 85%;
	color: #999999;
}
table.documents {
	background: #EDF2F1;
	border: 1px solid #006633;
	padding: 1px 1px;
	margin: 1px 1px;
	width: 95%;
	font-size: 95%;
	font-weight: normal;
}
table.documents th {
	font-weight: bold;
	background: #006633;
	color: #ffffff;
}
table.documents .row1 {
	background: #EDF2F1;
	color: #000000;
	vertical-align: top;
}
table.documents .row2 {
	background: #ffffff;
	color: #000000;
	vertical-align: top;
}
table.documents .rowactive {
	background: #99CCCC;
	color: #000000;
	vertical-align: top;
}
.author {
	font-size: 80%;
	color: #333333;
}
.date {
	font-size: 75%;
	color: #333333;
}
table.documents span.commentsinfo {
	font-size: 80%;
	color: #999900;
}
#leftwide p.deleteconfirm {
	color: #FF0000;
	font-weight: bold;
}

table#report_results {
	background: #EDF2F1;
	border: 1px solid #006633;
	padding: 1px 1px;
	margin: 1px 1px;
	width: 95%;
	font-size: 90%;
	font-weight: normal;
}
table#report_results th {
	font-weight: bold;
	background: #006633;
	color: #ffffff;
}
table#report_results .row1 {
	background: #EDF2F1;
	color: #000000;
}
table#report_results .row2 {
	background: #ffffff;
	color: #000000;
}
table#report_results .username {
	font-size: 85%;
	color: #666666;
}
table#report_results .date {
	font-size: 85%;
	color: #999999;
}

/*------------------------ form elements ----------------------*/
#quicklogin input {
	width: 6em;
	height: 1.5em;
	border: 1px solid #bfd2cf;
	background: #ffffff;
	font-size: 85%;
	margin: 1px 0;
}
#quicklogin label {
	font-size: 85%;
	width: 5em;	
}
#quicklogin img {
	border: none;
}

#contact label {
width: 6em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block
}

#contact textarea {
	border: 1px solid #bfd2cf;
	background: #ffffff;
	font-size: 95%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 1px 0;
	width: 25em;
}

#contact input {
	border: 1px solid #bfd2cf;
	background: #ffffff;
	font-size: 95%;
	margin: 1px 0;
	width: 25em;
}
#newposting {
	border: 1px solid #CCCCCC;
	background: #DFE0E0;
	padding: 2px 2px;
	width: 95%;
	padding: 1px 1px;
	margin: 1px 1px;
}
#newposting input {
	border: 1px solid #bfd2cf;
	background: #ffffff;
	font-size: 95%;
	margin: 1px 0;
}

/****************************************NEW MEMBER SIGN UP FORM *****************************************/
label {
width: 10em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

#signup label.long {
text-align: left;
width: 80%;
margin-right: 0.5em;
display: block
}

#signup input {
	background: #ffffff;
	border: 1px solid #bfd2cf;
	font-size: small;
	width: 20em;
}
#signup textarea {
	border: 1px solid #bfd2cf;
	background: #ffffff;
	font-size: 95%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 1px 0;
	width: 25em;
	height: 4em;
}
#signup input.radio {
	background: none;
	border: none;
	margin-left: 10.5em;
	width: 1em;
}
#signup img {
	border: none;
}
/************************** MEMBER SUMMARY SCREEN DIVS ***********************************/
.membersummary_lh_wrap {
	float: left;
	width: 220px;
	margin: 0 0;
	padding: 0 0;
}

.membersummary_lh {
	border: #BFD2CF solid 1px;
	background: none;
	margin: 5px 5px;
	padding: 5px 5px;
	width: 210px;
}

.membersummary_rh {
	border: #BFD2CF solid 1px;
	background: none;
	margin: 5px 5px;
	padding: 5px 5px;
	width: auto;
	margin-left: 240px;
}
.membersummary_rh img, .membersummary_lh img {
	border: none;
}

.memberdelete {
	margin: 5px 5px;
	padding: 5px 5px;
	background: #FD7676;
	border: 1px solid #ff0000;
	color: #ffffff;
}
/************************** MEMBER SELF MANAGE DIVS ***********************************/
.membermanage {
	border: #BFD2CF solid 1px;
	background: none;
	margin: 5px 5px;
	padding: 5px 5px;
}
.summary {
	background: #DFE0E0;
}
.address {
	background: #EDF2F1;
}
.expertise {
	background: #DFE0E0;
}
.functionality {
	background: #EDF2F1;
}
.appform {
	background: #FFFFCC;
}
.notes {
	background: #FEE1F5;
}
.awards {
	background: #CBFEFF;
}


/**********************MEMBER HOME PAGE PANELS *******************************************/
.mempanel {
	padding: 5px 5px;
	width: 210px;
	border: #BFD2CF solid 1px;
}
.mempanel img {
	border: none;
}

.forumpostpanel {
	background: #EDF2F1;
	float: left;
}
.mydetailspanel {
	background: #DFE0E0;
	margin-left: 235px;
}

/*---------------------------------- MEMBER EDIT ADMIN PAGES ----------------------------------*/
table#members {
	border: #333333 1px solid;
	margin: 5px 5px;
	padding: 2px 2px;
}

table#members th {
	font-weight: bold;
	background: #006633;
	color: #ffffff;
}
table#members tr {
	font-weight: normal;
	color: #000000;
	background: #FFFFFF;
	vertical-align: top;
}
table#members tr.row1 {
	background: #EDF2F1;
}
table#members tr.row2 {
	background: #DFE0E0;
}
table#members .row_student {
	background: #94beec;
}
table#members .row_approved {
	background: #fac090;
}
table#members img {
	border: none;
}
div.note1 {
	background: #FACDE3;
	padding: 2px 2px;
}
div.note2 {
	background: #E8C1D4;
	padding: 2px 2px;
}
p.notedate {
	font-size: 60%;
	border-bottom: 1px solid #ED87ED;
	font-weight: bold;
}
div.award1 {
	background: #CBD6F3;
	padding: 2px 2px;
}
div.award2 {
	background: #69CDF3;
	padding: 2px 2px;
}
p.awarddate {
	font-size: 60%;
	border-bottom: 1px solid #2C81A0;
	font-weight: bold;
}
div#search_username {
	padding: 5px 5px;
	width: 210px;
	border: #BFD2CF solid 1px;
	background: #EDF2F1;
	float: left;
}
div#search_surname {
	padding: 5px 5px;
	width: 210px;
	border: #BFD2CF solid 1px;
	background: #EDF2F1;
	margin-left: 235px;
}
div#search_city {
	padding: 5px 5px;
	margin-top: 7px;
	width: 210px;
	border: #BFD2CF solid 1px;
	background: #EDF2F1;
	/*float: left;*/
}
div#search_expertise {
	padding: 5px 5px;
	border: #BFD2CF solid 1px;
	background: #EDF2F1;
	width: 445px;
	margin-top: 10px;
}
ul.filelist1 {
	list-style: none;
}
ul.filelist2 {
	list-style: none;
}
.editbut {
	font-size: 0.8em;
	color: #666;
}
div.folders_hidden {
	/*border: 1px dotted #CCC;*/
	display: none;
}