form {
width:430px;

}
#menu li a, #menu li b {
text-indent:0px !important;
background-image:none !important;
color:#fff;
padding-top:7px;
text-decoration:none;
font-weight:bold;
}
#header #left {
width:600px;
}
#header #left #text p {
line-height:1.2em;
}
h1 {
text-indent:0px;
width:auto;
background-image:none;
font-size:2em;
}

textarea {
	padding:3px;
	/*margin-bottom: 10px;*/
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size:12px;
}

.input {
margin-bottom:10px;
}

.description  {
background:#E3E8EE;
display:block;
padding:10px;
padding-top:10px;
border-left: 5px solid #339933;
margin-bottom:5px;

}


.submit{
float:right;
clear:none;
}
.back_btn, .submit {
margin-top:10px;
}

#counter {
float:right;
width:45px;
display:block;
font-weight:bold;
color: #aaa;
font-size:1.5em;
padding:3px;
padding-bottom:4px;
text-align:center;
background:#fff;
border:1px solid #54A4BC;
border-bottom:none;
}

#left-col {
width:450px;
}
#AnnouncementAddForm {
	width: 460px;
}

#AnnouncementAddForm textarea {
	width:452px;
	height:125px;
	margin-bottom: 10px;
	line-height:1.4em;
	border:1px solid #54A4BC;
}

#AnnouncementAddForm .submit {
float:none;
	text-align:left;
	padding-top:10px;
	clear:both;
}

#AnnouncementAddForm .submit input {
width:460px;
height:auto;
}

#AnnouncementAddForm .select {
float:left;
margin:0px;
}

#AnnouncementAddForm .levelselect {
border:1px solid #54A4BC;
border-bottom:none;
width: 94px;
text-align:center;
padding:0px;
height: 30px;
font-size:1.5em;
}

#AnnouncementAddForm .levelselect option{
height:22px;
padding-top:5px;
padding-bottom:5px;
}


#AnnouncementAddForm .select label {
display:block;
width:400px;
}

#AnnouncementAddForm  .checkbox {
width:223px;
display:block;
margin:5px;
margin-left:0px;
margin-bottom:0px;
cursor:pointer;
float:left;
border:1px solid #ccc;
}

#AnnouncementAddForm .checkbox input{
float:left;
margin:5px;
cursor:pointer;
}
#AnnouncementAddForm  .checkbox  label{
float:left;
padding-top:10px;

}
#AnnouncementAddForm .checkbox label {
padding:5px;
cursor:pointer;
}

#AnnouncementAddForm .select .checkbox label {
width:180px;
font-weight:normal;
}



#AnnouncementAddForm  .checkbox {
width:458px;
font-weight:bold;
}

#AnnouncementAddForm  .select .checkbox {
width:223px;
}

#AnnouncementAddForm .checkbox:hover{ 
background:#FFFBCF;
border:1px solid #ccc;
color:#666;

}


#AnnouncementAddForm .error {
font-size:0.7em;
color:#ddd;

}

#content .announcements {
clear:both;
width:414px;
}

.checked {
background: #52A1B9;
color:#fff;
}

.announcement {
margin-bottom:10px;
border: 1px #666 solid;
}

.delete_btn, .edit_btn, .suspend_btn, .suspended_btn, .open_btn, .cancel_btn, .cancelled_btn{
float:left;
display:block;
width:20px;
height:20px;
background-image: url(../img/admin/trash_can.png);
overflow:hidden;
text-indent:-9999px;
}
 .edit_btn{
 background-image: url(../img/admin/pencil.png);
 }
  .open_btn{
 background-image: url(../img/admin/view_btn.png);
 }
 .suspend_btn, .suspended_btn{
 background-image: url(../img/admin/suspend_btn.png);
 }
  .cancel_btn, .cancelled_btn{
 background-image: url(../img/admin/cancel_btn.png);
 }
 
.delete_btn:hover, .edit_btn:hover, .suspend_btn:hover, .open_btn:hover, .cancel_btn:hover{
background-position:0px -20px;
}

 .suspended_btn, .cancelled_btn{ 
background-position:0px -20px;
  }
.suspended_btn:hover, .cancelled_btn:hover{
background-position:20px -20px;
}

.add_staff_btn, .add_doc_btn, .add_event_btn, .add_job_btn, .add_news_btn {
	 float:right;
	 background-image: url(../img/admin/add_staff_btn.png);
	 width:230px;
	 height:20px;
	 display:block;
	 overflow:hidden;
	 text-indent:-999px;
	 background-position: 0px 0px;
	 margin-bottom:10px;
	 margin-right:10px;
}
.add_doc_btn {	 background-image: url(../img/admin/add_doc_btn.png);}
.add_event_btn {	 background-image: url(../img/admin/add_event_btn.png);}
.add_job_btn {	 background-image: url(../img/admin/add_job_btn.png);}
.add_news_btn {	 background-image: url(../img/admin/add_news_btn.png);}


.add_staff_btn:hover, .add_doc_btn:hover, .add_event_btn:hover, .add_job_btn:hover, .add_news_btn:hover {

  background-position: 0px -20px;
 }
 
 .no_results {
 display:block;
 text-align:center;
 clear:both;
 }
.actions {
float:right;
margin:5px;
margin-top:0px;
margin-right:10px;
}
.announcement .actions {padding-top:5px;}
.announcement .date {
line-height:12px;
height:12px;
display:block;
float:left;
color:#666;
padding:4px;
margin:5px;
margin-left:10px;
}

.announcement .content {
padding:10px;
padding-left:14px;
font-size:1.5em;
}

.actions .emailed{
display:block;
float:left;
font-size: 1.3em;
font-weight:bold;
cursor:default;
color:#333;
}

.low .content			{	background-color:#FFFF99;}
.medium .content {	background-color:#FF9933;}
.high .content		{	color:#fff; background-color:#CC0000;}


/* Staff */

.staffmember {
padding:10px;
padding-top:10px;
line-height: 20px;
height: 20px;
border-left: 5px solid #339933;
margin-bottom:5px;

}
.staff_suspended {	border-left: 5px solid #CC0000;}
.staff_alt {	background:#eee;}
.staffmember:hover {
background-color:#fff;
}
.staffmember .name, .staffmember .email, .staffmember .username, .staffmember .password, .staffmember .suspended, .staffmember .actions, .staffmember .actions a {
display:block;
float:left;
}


.staffmember .name{width: 250px;}
.staffmember .email{width: 250px;}
.staffmember .username{width: 200px;}
.staffmember .password{width: 300px;}
.staffmember .suspended{width: 300px;}
.staffmember .actions{float:right;}
.staffmember .actions a {margin-left: 5px;}

#StaffAddForm label, #StaffEditForm label {
width:120px;
display:block;
float:left;
}
#StaffAddForm .input input, #StaffEditForm .input input {
border:1px solid #666;
padding:3px;
width:300px;
}
#StaffAddForm .input, #StaffEditForm .input{
margin-bottom:10px;
}
#StaffAddForm .error-message, #StaffEditForm .error-message{
margin-top:5px;
font-size:0.7em;
color:#666;
}
#StaffAddForm .error input, #StaffEditForm .error input{
border-color:#ff0000;
}
#StaffAddForm .submit input, #StaffEditForm .submit input , .back_btn{
padding:3px;
}
.passwordtoggler {
display:none;
}

/* -- Documents -- */
.document {
padding:10px;
padding-top:10px;
line-height: 20px;
height: 20px;
border-left: 5px solid #339933;
margin-bottom:5px;
cursor:pointer;
}



.document_hidden {

border-left: 5px solid #CC0000;
}
.document_alt {
background:#eee;

}
.document:hover, .event:hover {
background-color:#fff;
}
.document .name, .document .filename, .document .date, .document .actions, .document .actions a {
display:block;
float:left;
}


.document .name{width: 250px;}
.document .filename {width: 200px;}
.document .date{width: 250px;}
.document  .actions{float:right;}
 .actions a {margin-left: 5px;}


 #DocumentAddForm label, #DocumentEditForm label{ 
width:120px;
display:block;
float:left;
}
#DocumentAddForm .text input, #DocumentEditForm .text input {
border:1px solid #666;
padding:3px;
width:300px;
}
#DocumentAddForm .input, #DocumentEditForm .input{
margin-bottom:10px;
clear:both;
}
#DocumentAddForm textarea, #DocumentEditForm textarea  {
	width:300px;
	height:107px;
	padding:3px;
	float:left;
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size:12px;
border:1px solid #666;
}

 #DocumentAddForm .error-message, #DocumentEditForm .error-message{
margin-top:5px;
margin-right:5px;
font-size:0.7em;
color:#666;
text-align:right;


}

#DocumentAddForm .error input, #DocumentEditForm .error input, #DocumentAddForm .error textarea, #DocumentEditForm .error textarea {
border-color:#ff0000;
}
 #DocumentAddForm .submit input, #DocumentEditForm .submit input {
padding:3px;
}

#DocumentAddForm .textarea, #DocumentEditForm .textarea  {

margin-bottom:10px;
clear:both;

}
#DocumentAddForm .textarea label, #DocumentEditForm .textarea label  {
width:120px;
}


#DocumentAddForm #DocumentHide, #DocumentEditForm #DocumentHide, #StaffAddForm #StaffSuspended , #StaffEditForm #StaffSuspended{
width:auto;
}

.formpush {
width:0px;
height: 1px;
clear:both;
display:block;
}

#UserLoginForm, #StaffLoginForm {
width:auto;
text-align:center;
}
#UserLoginForm .submit, #StaffLoginForm .submit{
text-align:center;

}
#UserLoginForm label, #UserLoginForm .input, #UserLoginForm .submit input, #StaffLoginForm label, #StaffLoginForm .input, #StaffLoginForm .submit input {
padding:3px;
margin-bottom:3px;
}
#UserLoginForm .input input, #StaffLoginForm .input input {
border:1px solid #666;
padding:3px;
}
#UserLoginForm label, #StaffLoginForm label {
display:block;
}
#UserLoginForm .input, #StaffLoginForm .input {
margin-bottom:6px;
}

 #UserLoginForm .error-message, #UserLoginForm .error-message, #StaffLoginForm .error-message, #StaffLoginForm .error-message  {
margin-top:5px;
margin-right:5px;
font-size:0.7em;
color:#666;


}

.passwordtoggler {
color:#232F3D;
font-weight:bold;
cursor:pointer;
}
.passwordtoggler:hover {
color:#428BA2;
}

#flashMessage {
line-height:20px;
height:20px;
font-weight:bold;
display:block;
padding: 7px;
background: #fff;
border: 1px solid #cc0000;
padding-left:34px;
 background-image: url(../img/admin/flash_message.png);
 background-repeat: no-repeat;
 background-position: 7px 7px;
 margin-bottom:10px;
}
.event, .job {
padding:10px;
padding-top:10px;
line-height: 20px;
height: 20px;
border-left: 5px solid #339933;
margin-bottom:5px;
cursor:pointer;
clear:both;
}

.event .title, .event .date{
display:block;
float:left;
width:355px;
}

.today {
background-color:#243443 !important;
color:#fff;
}
.today:hover {
background-color:#2D4768 !important;
}
.today:hover {
color: #ddd;
}
.cancelled, .job_hidden  {
border-left-color: #cc0000;
}

.past_event, .closed_job{
border-left-color: #666;
background:#CCCCCC !important;
}


#TrainingAddForm label, #TrainingEditForm label { 
float:left;
width:100px;
}
#TrainingAddForm .input , #TrainingEditForm .input { 
margin-bottom:5px;
}
#TrainingAddForm .input input, #TrainingAddForm .input textarea, #TrainingEditForm .input input, #TrainingEditForm .input textarea { 
padding:3px;
width:319px;
}

.login .error-message, .login .submit {
text-align:center !important;
float:none !important;

}
#header #right {
float:right;
margin-top:14px;
width:330px;
display:block;
height:223px;

}

#header #right div{
background: #fff;
border:1px solid #428BA2;
padding:5px;
color:#333;
line-height:1.5em;
}
#header #right div.push{
background:none;
border:none;
width:300px;

}

#header #right dt, #header #right dd {
float:left;
margin-bottom:5px;
}

#header #right dt {
width:20px;
clear:left;
margin-right:5px;
}
#header #right dd {
width:280px;
}
#header #right .button{
margin-right:5px;

}
#header #right h3 {
color:#333;

}
.example {
display:block;
width:20px;
height:20px;
overflow:hidden;

}
.level {
text-indent:-999px;
}
a.low, option.low, select.low, textarea.low {background-color:#FFFF99;}
a.medium, option.medium , select.medium, textarea.medium {background-color:#FF9933;}
a.high, option.high, select.high, textarea.high {background-color:#CC0000; color: #fff;}
a.email {font-size:20px; color:#333; font-weight:bold;}
a.email:hover {
text-decoration:none;
} 
.sentto {
font-size:0.8em;
display:block;
clear:both;
padding:10px;
}
.sentto span {
background:#eee;
padding:3px;
margin-right:2px;
cursor:default;
}
.floatRight {
float:right;
}

.job .filename {
width:auto;
float:left;
display:block;
}
.job .date {

width:auto;
float:left;
display:block;
}

.job .name {
width:360px;
}

hr {
clear:both;
margin-top:15px;
margin-bottom:5px;
border:none;
background:none;
width:auto;
border-top:4px dotted #52A1B9;
}

#AnnouncementAddForm hr {
margin-top:10px;
margin-bottom:5px;
width:458px;
}
#EmploymentAddForm label, #EmploymentEditForm label {
width:120px;
display:block;
float:left;
}

#EmploymentAddForm .text input, #EmploymentEditForm .text input, #EmploymentAddForm .input textarea, #EmploymentEditForm .input textarea  {
border:1px solid #666;
padding:3px;
width:300px;
}
#EmploymentSalary {
background-repeat:no-repeat;
background-image:url(../img/pound_icon.png);
width:211px !important;
background-position: 3px 0px;
padding-left: 19px !important;
}

.newsItem {
clear:both;
}

#markdown {
width:450px;
float:right;
}

#markdown .help dt, #markdown .help dd{
width:215px;
float:left;

margin-bottom:20px;


}
#markdown .help dt {
margin-right:20px;

}


.project-images img {
width:200px;
padding-bottom:10px
}

.project-images .image-holder {
border:1px solid #ccc;
padding:5px;
width:200px; 
margin-right:10px;
margin-bottom:10px;
float:left;
}

.project-images .newimage {
margin-bottom:10px;
padding:10px;
margin-top:10px;
border:1px solid #ccc;
clear:left;
}

#NewsItemEditForm .text input, #NewsItemEditForm .textarea textarea, #NewsItemAddForm .text input, #NewsItemAddForm .textarea textarea {
padding:5px;
width:415px;
}
#NewsItemEditForm .textarea textarea, #NewsItemAddForm .textarea textarea {
height:450px;
}
.toolbar {
height:15px;
padding-top:5px;
}
.toolbar li {
margin:0px;
padding:0px;
background :none;
float:left;
display:block;
margin-right:5px;
}
.toolbar li a{
background: #54A4BC ;
padding:5px;
color:#fff;
}

.toolbar li a:hover{
padding:4px;
background:#fff;
border: 1px solid #54A4BC ;
color : #54A4BC ;
text-decoration:none;
}