
/* CSS Document */

body
{
	margin: 0px;
	padding: 25px;
	font: 11px Arial, Helvetica, sans-serif, Tahoma;
	color: #333333;
	background-color: #023E50;
}

*
{
	margin: 0px;
	padding: 0px;
}

.clear
{
	clear: both;
}

.menu-button
{
	display: block;
	width: 112px;
	height: 33px;
	background: url(img/menu-button.gif) no-repeat -112px 0px;
	font: 10px/33px Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	float: left;
	margin-left: 2px;
}

.menu-button:hover
{
	color: #666666;
	text-decoration: underline;
}

.menu-button-selected
{
	display: block;
	width: 112px;
	height: 33px;
	background: url(img/menu-button.gif) no-repeat 0px 0px;
	font: 10px/33px Tahoma, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	float: left;
	margin-left: 2px;
}


.borders-main-table
{
	border-right: 5px solid #E6E6E6;
	border-bottom: 5px solid #E6E6E6;
	border-left: 5px solid #E6E6E6;
	background-color: #ffffff;
}


.sidebar
{
	padding: 10px;
	margin: 0px;
}

.main-content
{
	padding: 10px 0px 10px 10px;
}


p.student-welcome-note
{
	padding: 10px;
	background-color: #EFDA6E;
	margin-bottom: 10px;
}

p.student-title
{
	display: block;
	height: 25px;
	padding: 10px;
	color: #ffffff;
	margin-bottom: 10px;
	background: #eeeeee url(img/tile-blue2.gif) repeat-x left top;
	font-size: 14px;
}

p.student-title span
{
	color: #ffffff;
	font-size: 11px;
}
p.student-normal-message
{
	padding: 10px;
	border: 1px solid #eeeeee;
	margin-bottom: 10px;
}

p.student-subtitle
{
	padding: 10px;
	border: 1px solid #eeeeee;
	margin-bottom: 10px;
	margin-top: 25px;
	background: #eeeeee url(img/tile-blue2.gif) repeat-x left top;
	color: #ffffff;
}

.student-choose-form
{
	padding: 10px;
	border: 1px solid #eeeeee;
	margin-bottom: 10px;
}

div.students-project-list
{
	padding: 10px;
	border: 1px solid #eeeeee;
	margin-bottom: 10px;
	display: block;
}

div.containerBorderFloated
{
	padding: 10px;
	border: 1px solid #eeeeee;
	margin-bottom: 10px;
	display: block;
}


div.students-project-list a
{
	height: 15px;
	line-height: 15px;
	border-bottom: 1px solid #E3F7FF;
	color: #007191;
	text-decoration: none;
	padding: 5px;
	display: block;
}

div.students-project-list a:hover
{
	color: #004A5F;
	background: #E3F7FF url(img/img-arrow2.gif) no-repeat right center;
}


div.container-border
{
	padding: 10px;
	border: 1px solid #eeeeee;
	margin-bottom: 10px;
	float: left;
	width: 100%;
}

p.contact-items
{
	display: block;
	float: left;
	width: 33%;
}

p.contact-items a
{
	display: block;
	border-bottom: 1px solid #B5DBEB;
	color: #4A98A8;
	text-decoration: none;
	padding: 7px;
}

p.contact-items a strong
{
	color: #005364;
}

p.contact-items a:hover
{
	background-color: #B5DBEB;
	color: #005364;
}

p.contact-items a:hover strong
{
	color: #005364;
}

a.button
{
	height: 25px;
	width: 100px;
	background-color: #666666;
	line-height: 25px;
	text-align: center;
	display: block;
	color: #ffffff;
	text-decoration: none;
}
a.button:hover
{
	background-color: #333333;
}

a.button-delete
{
	height: 25px;
	width: 100px;
	background-color: #FF0000;
	line-height: 25px;
	text-align: center;
	display: block;
	color: #ffffff;
	text-decoration: none;
	margin-bottom: 10px;
}
a.button-delete:hover
{
	background-color: #333333;
}

a.button-sidebar
{
	height: 25px;
	line-height: 25px;
	text-align: center;
	display: block;
	color: #333333;
	text-decoration: none;
	margin-bottom: 10px;
	background-color: #F9DD00;
}
a.button-sidebar:hover
{
	background-color: #333333;
	color: #ffffff;
}


p a.row-listing
{
	display: block;
	height: 25px;
	line-height: 25px;
	width: 100%;
	border-bottom: 1px solid #ffffff;
	padding-left: 5px;
	text-decoration: none;
	margin-right: 20px;
	color: #1BB1CA;
	padding-top: 5px;
	padding-bottom: 5px;
}

p.row-listingTitle01, p.row-listingTitle02, p.row-listingTitle03
{
	display: block;
	height: 25px;
	line-height: 25px;
	width: 100%;
	border-bottom: 1px solid #ffffff;
	padding-left: 5px;
	text-decoration: none;
	margin-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #6DA6C5 url(img/month-january.gif) no-repeat right center;
}

p.row-listingTitle02
{
	background: #6DA6C5 url(img/month-february.gif) no-repeat right center;
}
p.row-listingTitle03
{
	background: #6DA6C5 url(img/month-march.gif) no-repeat right center;
}

p.row-listingTitle01 span, p.row-listingTitle02 span, p.row-listingTitle03 span
{
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
}


p a.row-listing:hover
{
	display: block;
	height: 25px;
	line-height: 25px;
	width: 100%;
	border-bottom: 1px solid #eeeeee;
	text-decoration: none;
	padding-bottom: 5px;
	background: #ffffff no-repeat;
}


span.row-date
{
	color: #5096B2;
	width: 50px;
	display: block;
	float: left;
}
span.row-type-listed
{
	color: #5096B2;
	width: 60px;
	display: block;
	float: left;
	height: 25px;
	background-color: #A31A58;
	text-align: center;
	color: #ffffff;
}
span.row-type-assigned
{
	color: #5096B2;
	width: 60px;
	display: block;
	float: left;
	height: 25px;
	background-color: #2383C4;
	text-align: center;
	color: #ffffff;
}
span.row-type-completed
{
	color: #5096B2;
	width: 60px;
	display: block;
	float: left;
	height: 25px;
	background-color: #006124;
	text-align: center;
	color: #ffffff;
}
span.row-type-refered
{
	color: #5096B2;
	width: 60px;
	display: block;
	float: left;
	height: 25px;
	background-color: #5D5D5D;
	text-align: center;
	color: #ffffff;
}
span.row-type-withdrawn
{
	color: #5096B2;
	width: 60px;
	display: block;
	float: left;
	height: 25px;
	background-color: #C02020;
	text-align: center;
	color: #ffffff;
}


span.row-typeTitle
{
	width: 60px;
	display: block;
	float: left;
	height: 25px;
	text-align: center;
	color: #ffffff;
}

span.row-name
{
	color: #5096B2;
	width: 150px;
	display: block;
	float: left;
	padding-left: 10px;
}
span.row-DESC
{
	color: #5096B2;
	float: left;
	padding-left: 10px;
}

a.sidebar-link
{
	padding: 3px 0px 3px 12px;
	display: block;
	width: 220px;
	height: 20px;
	color: #05A1D4;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
	line-height: 20px;
	background: url(img/img-arrow.gif) no-repeat 4px center;
}
a.sidebar-link:hover
{
	color: #03658C;
	background: #ffffff url(img/img-arrow.gif) no-repeat 4px center;
}

div.title-2
{
	display: block;
	height: 30px;
	background-color: #eeeeee;
	padding: 10px;
	color: #333333;
	margin-bottom: 10px;
}

.color-white
{
	color: #ffffff;
}
.color-red
{
	color: #FF0000;
}

.article-border
{
	padding: 10px;
	background-color: #ffffff;
	margin-bottom: 10px;
	border: 1px solid #eeeeee;
}

a
{
	color: #666666;
	text-decoration: none;
}
a:hover
{
	color: #333333;
	text-decoration: none;
}



/* Login */

.loginBackground
{
	background: url(img/img-login.gif) no-repeat 0px center;
}


.containerColorBlue
{
	padding: 5px 10px 5px 5px;
	margin-bottom: 10px;
	background-color: #E3F7FF;
	border: 1px solid #B9E5F6;
}

.containerColorGreen
{
	padding: 5px 10px 5px 5px;
	margin-bottom: 10px;
	background-color: #E2FDC6;
	border: 1px solid #C7E7A6;
}

/* list */

a.sidebarMainLinks
{
	width: 227px;
	height: 21px;
	line-height: 21px;
	color: #ffffff;
	background: url(img/sidebar-links.gif) no-repeat -232px 0px;
	margin-bottom: 5px;
	display: block;
	padding-left: 5px;
}

a.sidebarMainLinks:hover
{
	background: url(img/sidebar-links.gif) no-repeat 0px 0px;
}

a.sidebarMainEdit
{
	width: 227px;
	height: 21px;
	line-height: 21px;
	color: #ffffff;
	background: url(img/sidebar-edit.gif) no-repeat -232px 0px;
	margin-bottom: 5px;
	display: block;
	padding-left: 5px;
}

a.sidebarMainEdit:hover
{
	background: url(img/sidebar-edit.gif) no-repeat 0px 0px;
}

tr.formsFilter td
{
	border-bottom: 1px solid #eeeeee;
	height: 30px;
}

.tileDraft
{
	background: url(img/tile-draft.gif) repeat-x left top;
}

.tileListed
{
	background: url(img/tile-pink.gif) repeat-x left top;
}

.tileUnder_Consideration
{
	background: url(img/tile-under-consideration.gif) repeat-x left top;
}

.tileAssigned
{
	background: url(img/tile-blue.gif) repeat-x left top;
}

.tileCompleted
{
	background: url(img/tile-green.gif) repeat-x left top;
}

.tileWithdrawn
{
	background: url(img/tile-red.gif) repeat-x left top;
}

.tileReferred
{
	background: url(img/tile-black.gif) repeat-x left top;
}

.tilePublished
{
	background: url(img/tile-published.gif) repeat-x left top;
}

.tileMediation
{
	background: url(img/tile-mediation.gif) repeat-x left top;
}




.formsTextArea
{
	display: inline;
	width: 425px;
	height: 100px;
	font: 11px Arial, Helvetica, sans-serif, Tahoma;
	color: #005364;
	padding: 10px;
	border: 1px solid #C0E4F2;
	background: #E3F7FF;
}

.formsTextField
{
	display: inline;
	width: 435px;
	height: 15px;
	font: 11px Arial, Helvetica, sans-serif, Tahoma;
	color: #005364;
	padding: 5px;
	border: 1px solid #C0E4F2;
	background: #E3F7FF;
}


/* Added in development */

.GridViewItem1
{
	border-left: solid 1px #F4FCFF;
	border-bottom: solid 1px #ffffff;
	padding-left: 3px;
	height: 25px;
	vertical-align: top;
}
.GridViewHeader1
{
	height: 30px;
	border-left: solid 1px #6DA6C5;
	border-bottom: solid 1px #ffffff;
	background-color: #6DA6C5;
	color: #ffffff;
	text-transform: uppercase;
	text-align: left;
	padding-left: 3px;
}


.GridViewItem2
{
	border-left: solid 1px #ffffff;
	border-bottom: 1px solid #eeeeee;
	padding: 10px;
	vertical-align: top;
}

.GridViewHeader2
{
	height: 10px;
	border-left: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	color: #ffffff;
	text-transform: uppercase;
	text-align: left;
	padding-left: 3px;
}


.GridViewItem3
{
	border-left: solid 1px #F4FCFF;
	border-bottom: solid 1px #ffffff;
	padding-left: 3px;
	height: 30px;
	vertical-align: middle;
}

.GridViewItem4
{
	border-bottom: solid 1px #ffffff;
	padding-left: 3px;
	padding-top: 2px;
	height: 25px;
	vertical-align: top;
}

.GridViewItemComment
{
	border-left: solid 1px #f7f7f7;
	border-bottom: 1px solid #eeeeee;
	padding: 10px;
	vertical-align: top;
}

.CommentTr
{
	background-color: #efefef;
}

.CommentTr td.commentTD
{
	border-left: solid 1px #efefef;
	border-bottom: 1px solid #ffffff;
	padding: 10px;
	vertical-align: top;
}

.HistoryTr
{
	background-color: #f7f7f7;
}

.HistoryTr td
{
	border-left: solid 1px #f7f7f7;
	border-bottom: 1px solid #ffffff;
	padding: 10px;
	vertical-align: top;
}

.msg
{
	color: #ff0000;
}


.RepeaterHeaderMonth
{
	height: 30px;
	border-bottom: solid 1px #ffffff;
	background-color: #6DA6C5;
	color: #ffffff;
	font: 14px Arial, Helvetica, sans-serif, Tahoma;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 3px;
}

.RepeaterHeader
{
	height: 30px;
	border-bottom: solid 1px #ffffff;
	background-color: #6DA6C5;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 3px;
}

.RepeaterItem
{
	border-bottom: solid 1px #ffffff;
	padding-left: 3px;
	height: 30px;
}

.RepeaterItem a
{
	color: #1BB1CA;
}

.RepeaterItem a:hover
{
	color: #1BB1CA;
}

span.projectStatus
{
	width: 68px;
	display: block;
	float: left;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #ffffff;
}


a.addHistory
{
	width: 135px;
	height: 21px;
	line-height: 21px;
	color: #ffffff;
	background: url(img/icon-add-history.gif) no-repeat 0px 0px;
	margin-bottom: 5px;
	display: block;
	padding-left: 5px;
}

.add_btn
{
	width: 76px;
	height: 21px;
	line-height: 21px;
	background: url(img/add-btn.gif) no-repeat 0px 0px;
	display: block;
}

.edit_btn
{
	width: 76px;
	height: 21px;
	line-height: 21px;
	background: url(img/edit-btn.gif) no-repeat 0px 0px;
	display: block;
}

.delete_btn
{
	width: 76px;
	height: 21px;
	line-height: 21px;
	background: url(img/delete-btn.gif) no-repeat 0px 0px;
	display: block;
}

.editComment_btn
{
	width: 95px;
	height: 21px;
	line-height: 21px;
	background: url(img/icon-edit.gif) no-repeat 0px 0px;
	display: block;
}

.deleteComment_btn
{
	width: 95px;
	height: 21px;
	line-height: 21px;
	background: url(img/icon-delete-comment.gif) no-repeat 0px 0px;
	display: block;
}

.unassign_btn
{
	width: 76px;
	height: 21px;
	line-height: 21px;
	background: url(img/unassign-btn.gif) no-repeat 0px 0px;
	display: block;
}

.assign_btn
{
	width: 76px;
	height: 21px;
	line-height: 21px;
	background: url(img/assign-btn.gif) no-repeat 0px 0px;
	display: block;
}

.changestatus_btn
{
	width: 100px;
	height: 21px;
	line-height: 21px;
	background: url(img/changeStatus-btn.gif) no-repeat 0px 0px;
	display: block;
}

.messageContainer
{
	padding: 10px;
	background-color: #ffffff;
	color: #ff0000;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #ff0000;
}

.messageContainer ul li
{
	list-style: none;
}

.errorContainer
{
	padding: 10px;
	background-color: #ffffff;
	color: #ff0000;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #ff0000;
}

.infoContainer
{
	padding: 10px;
	background-color: #c8e5be;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #eeeeee;
}


a.addFiles-link
{
	padding: 3px 0px 3px 12px;
	height: 20px;
	color: #03658C;
	text-decoration: none;
	line-height: 20px;
	background: url(img/img-arrow.gif) no-repeat 4px center;
}
a.addFiles-link:hover
{
	color: #05A1D4;
}

span.gray
{
	color: #b6b5b5;
}

a.blue-link
{
	color: #03658C;
	text-decoration: none;
}

a.blue-link:hover
{
	color: #05A1D4;
}


.rbcbLists td label
{
	padding-left: 3px;
	padding-right: 5px;
}

select
{
	width: 200px;
}

tr.settingsValues td
{
	border-bottom: 1px solid #eeeeee;
}


span.archived
{
	width: 60px;
	display: block;
	float: left;
	height: 20px;
	text-align: center;
	padding-top: 5px;
	color: #ffffff;
	background-color: #ff0000;
}

span.active
{
	width: 60px;
	display: block;
	float: left;
	height: 20px;
	text-align: center;
	padding-top: 5px;
}

.AttachFiles input
{
	margin-bottom: 5px;
}
