/* LAYOUT
--------------------------------------------------------------------------------------------------*/
div.scrap { float: none; } !important
div.alert {width: 90%; margin: 1em; padding: 1em; border: solid 1px #7B1084; background-color: #F7DFEF;}
div.buttons {margin: 1em 0em; }
div.ResultsList {margin: 0em;}

div.outerdiv { height: auto; width: 530px; margin-bottom: 20px; margin-left: 20px; background-color: #FFF; border: solid 1px #000; position:static  }
div.titlediv {  width: auto; margin: 0em; padding: 0.3em; background-color: #7B1084; color: #fff; font-weight:bold; }
div.contentdiv {  margin-top: 0.2em; padding: 0.2em; background-color: #F7DFEF; }
div.contentdiv_u {  margin-top: 0.2em; padding: 0.2em; background-color: #F7DFEF; }
div.contentconfirmdiv {   width: auto; margin-top: 0.2em; padding: 0.2em; background-color: #F7DFEF;}
div.errordiv {  width: auto ; margin-top: 1em; padding: 0.2em; background-color: #F7DFEF; color: #FF0000; font-weight:bold; text-align:center; border: solid 2px #FF0000;}
div.errordiv_u {  width: auto ; margin-top: 0em; padding-top: 0.5em; background-color: #F7DFEF; color: #FF0000; font-weight:bold; text-align:center; border: solid 2px #FF0000;}
div.buttons_u {margin-bottom: 20px; margin-left: 12em;}
div.buttons_a  {margin-bottom: 10px; margin-left: 12em;}
div.buttons_u  input.alertunsubscribebutton, div.buttons_a input.alertaddbutton {margin-left: 5px;}
div.registerdiv {  width: auto ; margin-top: 0.2em; padding: 0.2em; background-color: #F7DFEF; }
div.instructionsdiv { width: auto; margin-top: 0.2em; padding: 0.2em; background-color: #F7DFEF; padding-bottom: 0em}
div.instructionsdiv_u { height: auto; width: auto; margin-top: 0.2em; padding-bottom: 0px; padding: 0.2em; background-color: #F7DFEF;}
div.registrationinstructions { margin-left: 3em; padding: 0.2em;}
div.unsubscribeinstructions { margin-left: 3em; padding: 0.2em 0.2em 0em 0.2em;}
div.registerconfirm { padding: 0.2em; padding-top: 0.5em}
div.failuremsg {  width: auto ; margin-top: 0.2em; padding: 0.2em; background-color: #F7DFEF; color: #FF0000; font-weight:bold; text-align:center; border: solid 2px #FF0000; margin-bottom: 0.5em}
div.passmsg {  width: auto ; margin-top: 0.2em; padding: 0.2em; background-color: #F7DFEF; color: #002653; font-weight:bold; text-align:center; border: solid 2px #7B1084; margin-bottom: 0.5em}
div.buttonsdiv { margin-bottom: 0.5em}
div.groupwrapper { margin-top: 1em; margin-bottom: 1em;}
div.editlinks { width: 100%;}

div.helptext { margin-top: 4em}
div.helpheading { font-weight:bold; margin-bottom: 0.5em}

/* FORM STYLING
--------------------------------------------------------------------------------------------------*/
/* Input Row */
ul.searchform {width: auto;}
ul.searchform li {width: auto; float: left; list-style: none; margin: 5px 0px; clear: both; }
ul.searchform li label {width: auto;}
ul.searchform li input {width: 238px; min-width: 238px;}
div.searchinput input.button {margin-top: 5px;}

/* Details */
div.ApplicationBody hr {color: #D3E4F7;}
div.ApplicationBody image {border: none; margin-right: 0.5em;}
div.backnav {clear: both; padding: 1em 0em;}
div.detail {padding: 1em 0em;}
div.leftcolumn {float: left; margin-right: 5px; background-color: #FFF; padding: 1em 0em; }
div.rightcolumn {float: left; background-color: #FFF; padding: 1em 0em; }
div.contactname {padding-bottom: 1em;}

/* Register */
div.optionswrapper {padding: 0.5em 0em;}
div.optiontitle {float: left; width: 8em;}
ul.options {list-style: none; padding: 0em; margin: 0em;}
ul.options li {display: inline; border-left: solid 1px #000; padding: 0em 1em; float: left;}
ul.options li.first {border-left: none;}
ul.searchform li.registerLabel input {margin: 0px 5px;}
div.register {padding: 1em 0em;}
input.button {margin-bottom: 2em;}
a.hidden {display: none;}
div.orderby {clear: both; padding-top: 10px;}
.orderbylist {margin-left: 0.5em}
img.rssfeed {margin-top: 10px;}
p.top {margin-top: 0px;}
a.rssfeed {clear: both;}

/* Add/Edit */
div.errormessage {color: #F00; margin: 0.5em 0em;}
div.buttons {margin-top: 1em;}
label.participationLabel {vertical-align: top; margin-right: 1.5em;}
ul.form li a {float: left;}

/* AddEditRelational */
li.error {color: #F00; margin: 0em;}
div.popupwrapper {width: 100%;}
div.popupwrapper label {display:block;}
div.lists {margin-top: 1em;}
div.leftlist {float:left;}
div.leftlist select, div.rightlist select {width: 14em; height: 18em;}
*+html div.leftlist select, div.rightlist select {min-height: 18em; max-height: 18em;}
div.centercontrols {float:left; padding-top: 3em; }
div.centercontrols input {width: 35px; vertical-align: middle; margin: 0.5em; display:block; clear:both;}
div.bottomcontrols input {margin: 1em 0em;}

/* CrawlerList */
div.CrawlerListWrapper a {display: block; clear: both;}

/* Alerts */
ul.alerts { list-style: none; font-weight:bold; padding: 0.2em; margin: 0em; }
ul.alerts li {list-style-position:inside; font-weight:normal; margin-left: 2em; }
ul.alertinstructions { list-style: none; padding: 0.2em 0.2em 0em 0.2em; margin: 0em;} 
ul.alertinstructions li { margin-bottom: 0.5em; }
ul.alertentry, ul.alertentry_u { list-style: none; padding: 0px; margin: 0px;}
ul.alertentry, ul.alertentry_u  {padding-bottom: 0.8em;}
ul.alertentry li label, ul.alertentry_u li label { padding:0px; margin:0px; width: 134px; text-align:right; display: block; float: left;}
ul.alertentry li, ul.alertentry_u li { padding-bottom: 0.6em; clear: both; height: 16px;}
input.alerttext { width: 20em; margin-right: 0.4em; margin-left: 0.4em; }
.alertaddbutton, .alertclearbutton, .alertunsubscribebutton { margin: 0em; margin-right: 0.3em;}
.alertaddbutton { width: 5em;}
.alertclearbutton { width: 9em;}
.registerbutton { width: 6em; }
.lblinstructions { padding: 0.2em 0.2em 0em 0.2em; font-weight: bold; }
.alertunsubscribebutton { width: 7em;}

/* Help Text */
ul.helplist { list-style: block; font-weight:bold; padding: 0.2em; margin: 0em; }
ul.helplist li.listheading {list-style-position:inside; font-weight:bold; margin-left: 2em; padding-top: 0.5em; }
ul.helplist li.listheading label{ padding:0em; margin:0em; width: 12em; text-align:right; font-weight:bold;}
ul.helplist li.listtext { list-style: none; list-style-position:inside; margin-left: 2em; font-weight:normal; }
ul.helplist li.listsubheading {list-style-position:inside; font-weight:bold; margin-left: 0em;}
ul.helplist li.listsubheading label{ padding:0em; margin:0em; width: 12em; text-align:right; font-weight:bold}
ul.helplist li.listsubtext { list-style: none; list-style-position:inside; margin-left: 0em; font-weight:normal; padding-bottom: 0.5em}

/* TABLE STYLING
--------------------------------------------------------------------------------------------------*/

div.ApplicationBody table {margin: 0px; padding: 0px; margin-top: 5px;}

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body table.adminList { display: block; }
}

table.adminList a:link, table.adminList a:visited, table.adminList a:active, table.adminList a:hover {color: #00c;}

div.ApplicationBody table {width: 97%;}
div.ApplicationBody table.adminList {width: 760px;}
div.ApplicationBody th.title {width: 50%;}
div.ApplicationBody th.topic {width: 15%;}
div.ApplicationBody th.area {width: 15%;}
div.ApplicationBody th.starts {width: 10%; text-align: center;}
div.ApplicationBody th.ends {width: 10%; text-align: center;}
div.ApplicationBody th.results {width: 10%; text-align: center;}
div.ApplicationBody th.link {width: 10%;}
/* 02/11/2010 Gary Jones Commentod out this styling as when I added radEditor controls it pushed down the inside content box of the control */
/*div.ApplicationBody td {border: none; vertical-align: top; padding: 0.3em; height: 3em;}*/
div.ApplicationBody td {border: none; vertical-align: top; padding: 0.3em;}
div.ApplicationBody td.centre {text-align: center;}
html>/**/body div.ApplicationBody td {min-height: 3em; max-height: auto;}
div.ApplicationBody tr {border: none;}

div.ResultsList table{ border-collapse: collapse; margin-bottom: 1em; margin-top: 1em; padding: 0px; width: 765px;}
div.ResultsList th.links { border-left-style:solid; border-left-width: 2px; border-right-style:solid; border-right-width: 2px; border-bottom-style:solid; border-bottom-width: 2px}
div.ResultsList th.blank {  border-bottom-style:none; }
div.ResultsList th.blankresultno {  border-bottom-style:none; border-right-style:solid; border-right-width: 2px;}
div.ResultsList th.resultno { width: 1em;}
div.ResultsList th.overview, td.overview {width: 18em; border-left-style:solid; border-left-width: 2px}
div.ResultsList th.type, td.type  {width: 6em; border-left-style:solid; border-left-width: 2px; }
div.ResultsList th.text, td.text {width: 13em; border-left-style:solid; border-left-width: 2px;}
div.ResultsList th.url, td.url  {width: 18em; border-left-style:solid; border-left-width: 2px; border-right-style:solid; border-right-width: 2px; }
div.ResultsList td.resultno { text-align:center; font-weight:bold  }

table#tblCurrent th.title {width: 300px;}
table#tblCurrent th.topic {width: 130px;}
table#tblCurrent th.starts {width: 90px;}
table#tblCurrent th.published {width: 60px;}
table#tblCurrent th.edit {width: auto;}
table#tblCurrent th.delete {width: auto;}

table#tblUpcoming th.title {width: 300px;}
table#tblUpcoming th.topic {width: 130px;}
table#tblUpcoming th.results {width: 80px;}
table#tblUpcoming th.edit {width: auto;}
table#tblUpcoming th.results {width: auto;}
table#tblUpcoming th.indicator {width: 60px;}

table#tblOld th.title {width: 300px;}
table#tblOld th.topic {width: 130px;}
table#tblOld th.starts {width: 90px;}
table#tblOld th.ends {width: 90px;}
table#tblOld th.results {width: auto;}
table#tblOld th.edit {width: 35px;}

table#tblSelectedEmails { width:auto; padding: 0em; margin: 0em }
table#tblSelectedEmails th.name {width: 10em}
table#tblSelectedEmails th.email { width: 20em}

table#tblErrors { width:auto; padding: 0em; margin-top: 0.5em; margin-bottom: 0.5em; text-align:left; font-weight:normal; color: #002653; }
table#tblErrors th.name {width: 8em; }
table#tblErrors th.email { width: 15em}
table#tblErrors th.error { width: 20em;}

table#tblPassed {  width:auto; padding: 0em; margin-top: 0.5em; margin-bottom: 0.5em; text-align:left; font-weight:normal; color: #002653;  }
table#tblPassed th.name {width: 15em}
table#tblPassed th.email { width: 20em}

/* Add/Edit */

div.ApplicationBody table.Links { border: solid 1px #000; padding: 1em; margin: 0em;  margin-top: 1em; font-weight: normal; width: 544px;}
div.ApplicationBody table.Links th { margin: 5em 0em; text-align: left; background-color: #FFF; color: #000; }
div.ApplicationBody table.Links th.col1 {width: 7em; padding-right: 1em}
div.ApplicationBody table.Links th.col2 {width: 14.5em; padding-right: 1em}
div.ApplicationBody table.Links th.col3 {width: 18em; margin-right: 1.5em; }
div.ApplicationBody table.Links td.col1 {width: 7em; padding-right: 1em}
div.ApplicationBody table.Links td.col2 {width: 13em; padding-right: 1em}
div.ApplicationBody table.Links td.col3 {width: 15em; margin-right: 1.5em;}
div.ApplicationBody table.Links select {width: 105%;}
div.ApplicationBody table.Links input {margin: 0em; width: 100%;}
div.ApplicationBody table.Links input.addbutton {width: 4em;}
div.ApplicationBody table.Links input.deletebutton {width: 5em;}

/* TELERIK STYLING
--------------------------------------------------------------------------------------------------*/

/* Change the size of radEditors on the page*/
/* Set size of outside div */
.RadEditor.NCCSkins.reWrapper.overview
{
	height: 90px !important;
	min-height: 90px !important;
	float: left !important;
	margin-left: 0px !important;
}

.RadEditor.NCCSkins.reWrapper.overview div.reToolbarWrapper
{
	width: 222px !important;
}

/* Set size of inside table - where text is typed*/
.RadEditor.NCCSkins.reWrapper.overview table
{
	width: 230px !important; /* the total width of the control will be this value plus 4px */
	height: 80px !important; /* this value needs to be slightly less than the height value in the div above*/
}

.RadEditor.NCCSkins.reWrapper.overview  td.reToolCell
{
	min-height: 0px;
	max-height: 0px;
}

/* Change the size of radEditors on the page*/
/* Set size of outside div */
.RadEditor.NCCSkins.reWrapper.participate
{
	height: 90px !important;
	min-height: 90px !important;
	float: left !important;
	margin-left: 0px !important;
}

.RadEditor.NCCSkins.reWrapper.participate div.reToolbarWrapper
{
	width: 222px !important;
}

/* Set size of inside table - where text is typed*/
.RadEditor.NCCSkins.reWrapper.participate table
{
	width: 230px !important; /* the total width of the control will be this value plus 4px */
	height: 80px !important; /* this value needs to be slightly less than the height value in the div above*/
}

.RadEditor.NCCSkins.reWrapper.participate  td.reToolCell
{
	min-height: 0px;
	max-height: 0px;
}

/* The following styling sets the position of the help image icon correctly next to the radEditor*/
/* Sets the outer div around the radeditor and image */
div.OuterRadEditor
{
	float: left;
	width: 290px !important;
	min-width: 290px !important;
	margin: 0px;
	margin-left: 25px;
}

/* An inner div around the radEditor*/
div.InnerRadEditor
{
	float: left;
	width: 235px;
	margin: 0px;
}

/* A second inner div around the image icon that will be displayed next to the RadEditor div */
div.InnerRadEditorImage
{
	float: left;
	margin: 0px;
	padding-left: 10px;
	width: 40px;
}

/* IE 6.0 Hack */
* html .RadEditor.NCCSkins.reWrapper.overview
{
	margin-left: 0px !important;
	width: 230px !important;
}

* html /* Set size of inside table - where text is typed*/
.RadEditor.NCCSkins.reWrapper.overview table
{
	width: 230px !important; /* the total width of the control will be this value plus 4px */
	height: 80px !important; /* this value needs to be slightly less than the height value in the div above*/
}

/* IE 6.0 Hack */
* html .RadEditor.NCCSkins.reWrapper.participate
{
	margin-left: 0px !important;
	width: 230px !important;
}

* html /* Set size of inside table - where text is typed*/
.RadEditor.NCCSkins.reWrapper.participate table
{
	width: 230px !important; /* the total width of the control will be this value plus 4px */
	height: 80px !important; /* this value needs to be slightly less than the height value in the div above*/
}

/* Firefox hack */
@-moz-document url-prefix()
{
	.RadEditor.NCCSkins.reWrapper.overview table{height: 90px !important;}
	.RadEditor.NCCSkins.reWrapper.participate table{height: 90px !important;}
}