/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/* ColorChange - find all the ColorChange comments and replace to colours to suit the theme. */

.templateBody {
	background: #231f20;
}

body {
	margin-top: 0px;
	padding: 0;
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #000;
}

h1, h2, h3 {
	margin-top: 0;
	color: #000;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em;
}

ul {
}

.navigateURL {
	text-decoration: underline;
	/*-- ColorChange --*/
	color: #a851a0;
}

a:hover 
{
	text-decoration: none;
	border-bottom: none;
}

a img {
	border: none;
}

a {
	text-decoration: underline;
	/*-- ColorChange --*/
	color: #0033CC;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}

.header {
	width: 996px;
	height:188px;
	margin: 0 auto;
	padding: 0px;
	/*-- ColorChange --*/
	/*background-color: #dde4f9;*/
	background-color: #231f20;
	background-image: url('images/HeaderBackground.gif');
	background-repeat: repeat-x;
}

.c100header {
	height:188px;
	margin: 0 auto;
	padding: 0px;
	/*-- ColorChange --*/
	/*background-color: #dde4f9;*/
	background-color: #231f20;
	background-image: url('images/HeaderBackground.gif');
	background-repeat: repeat-x;
}

.header1024
 {
	width: 996px;
	height:188px;
	margin: 0 auto;
	padding: 0px;
	/*-- ColorChange --*/
	/*background-color: #dde4f9;*/
	background-color: #231f20;
	background-image: url('images/HeaderBackground.gif');
	background-repeat: repeat-x;
}

.headerSignIn 
{
	width: 996px;
	height: 20px;
	margin: 0 auto;
	padding: 0px;
	/*-- ColorChange --*/
	background-color: #000;
	color: #fff;
}

.headerSignIn1024
{
	width: 1000px;
	height: 20px;
	margin: 0 auto;
	padding: 0px;
	/*-- ColorChange --*/
	background-color: #000;
	color: #fff;
}
/* Header */

#logo {
	width: 996px;
	height: 110px;
	margin: 0 auto;
	padding-top: 5px;
}

#logo h1, #logo p {
	float: left;
	margin: 0;
	color: #000;
}

#logo span 
{
}

#logo h1 {
	padding: 0px 0 0 0;
	letter-spacing: -1px;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 3em;
}

#logo p {
	text-transform: uppercase;
	padding: 22px 0 0 3px;
	font-size: 10px;
	color: #CCCCCC;
}

#logo a {
	border: none;
	color: #000;
	padding: 0px 5px;
	font-weight: bold;
	font-size: 1em;
}

#divLogo 
{
   border:0px solid black;
   padding-left: 5px; 
   margin-top: 20px; 
   float: left;
}

.dbHeaderFontSizeDiv
{
	background-color:Transparent;
}

.topMenuText{
	font-weight: bold;
}

.topMenuText:hover{
	text-decoration:none;
}
.strapline
{
	font-size: large;
	color: #000;
}

.straplineContainer
{
	border: 0px solid black; 
	padding-left: 15px; 
	margin-top: 25px;
	float: left;
}

.headerSearch
{
	background-color: #6aa4cd;
}

.headerSearchContainer
{
	float: right; 
	margin-top: 30px; 
	margin-right: 10px;
	border: 0px solid red;
}

.header2SearchContainer
{
	border: 0px solid red; 
	float: right; 
	margin-top: 45px;
	margin-right: 10px;
}

.searchText
{
	width: 300px;
	margin: 3px;
}

.searchButton
{
	margin: 2px;
}

#divMenuHolder
{
	background-image: url('images/rmSprite.png');
	background-repeat: repeat-x;
	width: 100%;
	height: 27px;
	padding-left: 0px;
	margin-bottom: 0px;
	background-position: 0 -408px;
}
#divMenuHolder img
{
	margin-right:5px;
	margin-left:5px;
}

/* Breadcrumbs */
#breadcrumbs 
{
	margin-left: 0px; 
	padding:2px;
	/*border-bottom: solid 1px #e7e7e7;*/
	height: 16px;
}

.bcLabel
{
	font-size: 0.8em;
}

.bcNode
{
	font-size: 0.8em;
}

.bcNode a
{
	color: #0033CC;
}
.bcCurrent 
{
	font-size: 0.8em;
}
.bcSpacer 
{
	font-size: 0.8em;
}

/* Wrapper */

#wrapper 
{
	margin: 0 auto;
	margin-top: -35px;
}

#c100wrapper 
{
	margin-top: -35px;
}

#innerWrapper 
{
	width: 996px;
	margin: 0 auto;
	background-color: #fff;
	background-image: url('images/ContentBackground.gif');
	background-repeat:no-repeat;
	background-repeat: repeat-x;
}

#c100innerWrapper 
{
	background-color: #fff;
	background-image: url('images/ContentBackground.gif');
	background-repeat: repeat-x;
}

/* Page */

#page 
{
	width: 996px;
	margin: 0 auto;
	padding: 0px;
}

#c100page 
{
	padding: 0px;
}

#page-bg 
{
}

#menu
{
	height:25px;
	padding:0px 0px 0px 0px;
	width: 996px;
	margin: 0 auto;
	background-color: #fff;
}

#c100menu
{
	height:24px;
	padding:0px;
	background-color: #fff;
}

/* Latest Post */

#latest-post {
	padding: 0px 20px 20px 20px;
	border: 1px solid #E7E7E7;
}

/* Content */

#content {
	float: left;
	width: 607px;
	/*background: url(images/img12.gif) repeat-y left top;*/
	margin-top: 7px;
}

#c2Content {
	float: left;
	width: 790px;
	/*background: url(images/img12.gif) repeat-y left top;*/
}

#c1Content {
	float: left;
	width: 986px;
	/*background: url(images/img12.gif) repeat-y left top;*/
}

#c100Content {
	/*background: url(images/img12.gif) repeat-y left top;*/
}

#content-bgtop {
	/*background: url(images/img11.gif) no-repeat left top;*/
}

#content-bgbtm {
	padding: 0px 10px 20px 10px;
	/*background: url(images/img13.gif) no-repeat left bottom;*/
}

.post {
	padding-bottom: 30px;
	/*background: url(images/img15.gif) repeat-x left bottom;*/
	/*line-height: 200%;*/
}

.post h1 {
	/*font-weight: normal;*/
}

.title {
	margin: 0;
	padding: 10px 0 4px 20px;
	font-weight: normal;
}

.title a {
	border-bottom: none;
	color: #000;
}

.title a:hover {
	border-bottom: 1px dotted #000000;
}

.byline {
	margin: -10px 20px 20px 20px;
}

.tag {
	padding: 0 15px;
}

.entry {
	padding: 0 20px;
}

.links {
	padding: 4px 0px;
	text-align: right;
	font-weight: bold;
}

.links a {
	border: none;
}

.links a:hover {
}
/* Start Homepage Content */
.homepagePanel 
{
	 float: left; 
	 width: 188px; 
	 height: 270px; 
	 border: solid 0px red;
	 background-color: #deecf4;
	 font-size:75%;
	 margin: 3px;
	 text-align: center;
}

.homepagePanel a 
{
	color: #a851a0;
	font-weight: bold;
}

.homepagePanel ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.homepagePanel li {
	padding: 0 0 20px 0;
}

.homepagePanel li li {
	margin: 0 20px 0 15px;
	padding: 6px 0px;
}

.homepagePanel .linkDates
{
	 color: #999; 
	 font-size: 0.8em;
	 font-style:italic;
}

.homepagePanelBase 
{
	background-color: #a851a0; 
	height:10%; 
	line-height: 200%; 
	font-size:1.1em; 
	font-weight:bold; 
	text-transform:uppercase;
}

.homepagePanelBase a 
{
	color: #fff;
}

 .dashboardGroupsTab
{
	margin-left: 0;
	margin-bottom: -1px;
}

.dashboardGroupsPanel 
{
	background-color: #deecf4;
}

.outerDBG
{
	height: 212px;
	border: solid 1px #7c7c7c;
	padding-top: 60px;
	padding-left: 30px;
	text-align: center;
}

 .itemTemplate
{
	width: 160px;/* 11px margin is taken into account */
	height: 135px;
	background-color: #fff;
}
.rightArrow
{
	cursor: pointer;
	float: left;
	padding-top: 40px;
}
.leftArrow
{
	cursor: pointer;
	float: left;
	padding-top: 40px;
}

.itemText a
{
	font-size: 12px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.itemText a:hover
{
	color: #477cc0;
	text-decoration: underline;
}

.profileSearchLabels 
{
	color: #a851a0; 
	font-weight:bold;
}

#content ul 
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#content li 
{
	padding: 0;
padding-top: 6px;
}

#content li ul 
{
}

#content li li 
{
	margin: 0 20px 0 15px;
	padding: 5px 0px;
}

.contentLink
{
	color: #a851a0;
}

.contentLinkDate
{
	color: #999; 
	font-size: 0.8em;
}

.contentAccordianHeader
{
	background-color: #6aa4cd;
	margin: 5px 0px;
	padding: 10px;
	font-weight: bold;
	color: #fff;
	background-image: url('images/Expand.gif'); /* Point to your minus img */
	background-repeat: no-repeat;
	background-position: 4px 11px;   /* Adjust this (x y) to fix spacing of image within the line */
	padding-left: 25px; /* Adjust this for the starting point for the text in the header */
	cursor: pointer;

}
.contentAccordianHeaderSelected
{
	background-color: #6aa4cd;
	margin: 5px 0px;
	padding: 10px;
	font-weight: bold;
	color: #fff;
	background-image: url('images/collapse.gif'); /* Point to your minus img */
	background-repeat: no-repeat;
	background-position: 4px 11px;   /* Adjust this (x y) to fix spacing of image within the line */
	padding-left: 25px; /* Adjust this for the starting point for the text in the header */
	cursor: pointer;

}

.contentAccordianContent
{}

	
/* End HomePage Content */


/* Sidebars */

/*SideBar 1 - Left*/
#sidebar1 {
	float: left;
	/*background: url(images/img04.gif) repeat-y left top;*/
	color: #04283B;
	border-right: solid 1px #e7e7e7;
	margin-top: 5px;
}

#sidebar1-bgtop {
	/*background: url(images/img03.gif) no-repeat left top;*/
}

#sidebar1-bgbtm {
	padding-top: 0px;
	/*background: url(images/img05.gif) no-repeat left bottom;*/
}

#sidebar1 h2 {
	
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 15px;
	/*background: url(images/img06.gif) no-repeat left top;
	height: 30px;
	font-size: 1.5em;*/
	font-weight:bold;
	font-family:Arial;
	color: #000;
}

#sidebar1 a {
	color: #a851a0;
	font-weight: bold;
}

#sidebar1 span {
	color: #fff;
	font-weight: bold;
}

.count {
	color: #999 !important;
	font-weight: bold;
	font-style:italic;
}

.sidebar {
	float: left;
	width: 190px;
	font-size: 11px;
}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar li {
	padding: 0 0 20px 0;
}

.sidebar li ul {
}

.sidebar li li {
	margin: 0 20px 0 15px;
	padding: 6px 0px;
	/*border-bottom: 1px #BBBBBB dashed;*/
}


.sidebar li h2 {
	height: 30px;
	margin: 0 0 0 0;
	padding: 10px 15px 0px 15px;
	color: #000;
}

.sidebar a {
}

.sideBarHeaderText
{
	/*This is due to IE6 not handling the float without width*/
	float:left;
	height: 34px;
	width: 120px;
	margin: 6px 0px 0px 0px;
	padding: 5px 0px 0px 15px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #000;
}

/*SideBar 2 - Right*/
#sidebar2 
{
	float: right;
	/*background: url(images/img08.gif) repeat-y left top;*/
	border-left: solid 1px #e7e7e7;
}

#sidebar2-bgtop 
{
	/*background: url(images/img07.gif) no-repeat left top;*/
}

#sidebar2-bgbtm 
{
	padding-top: 10px;
	/*background: url(images/img09.gif) no-repeat left bottom;*/
}

#sidebar2 h2 
{
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 15px;
	/*background: url(images/img06.gif) no-repeat left top;*/
	font-size: 1.4em;
	font-weight:bold;
	font-family:Arial;
	color: #000;
}

#sidebar2 a 
{
	 color: #a851a0;
}

.sidebar2 
{
	float: left;
	width: 190px;
	font-size: 11px;
}

.sidebar2 ul 
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar2 li 
{
	padding: 0 0 20px 0;
}

.sidebar2 li ul 
{
}

.sidebar2 li li 
{
	margin: 0 20px 0 15px;
	padding: 5px 0px;
	/*border-bottom: 1px #BBBBBB dashed;*/
}


.sidebar2 li h2 {
	height: 30px;
	margin: 0 0 0 0;
	padding: 10px 15px 0px 15px;
	color: #000;
}

.sidebar2Link
{
	color: #a851a0;
}

.sidebar2LinkDate
{
	color: #999  !important; 
	font-size: 0.8em;
	font-style:italic;
}

.sidebar2AccordianHeader
{
	background-color: #6aa4cd;
	margin: 5px;
	padding: 10px;
	font-weight: bold;
	color: #fff;
	background-image: url('images/Expand.gif'); /* Point to your minus img */
	background-repeat: no-repeat;
	background-position: 4px 11px;   /* Adjust this (x y) to fix spacing of image within the line */
	padding-left: 25px; /* Adjust this for the starting point for the text in the header */
	cursor: pointer;

}
.sidebar2AccordianHeaderSelected
{
	background-color: #6aa4cd;
	margin: 5px;
	padding: 10px;
	font-weight: bold;
	color: #fff;
	background-image: url('images/collapse.gif'); /* Point to your minus img */
	background-repeat: no-repeat;
	background-position: 4px 11px;   /* Adjust this (x y) to fix spacing of image within the line */
	padding-left: 25px; /* Adjust this for the starting point for the text in the header */
	cursor: pointer;

}

.sidebar2AccordianContent
{}

.toolboxText
{
	float:left; 
	width: 100px;
}

.latestUpdatesText
{
	float: left; 
	height: 41px;
	width: 130px;
}


/*Toolbox*/
#divToolboxOuter
{
	background-color: #6aa4cd;
	margin: 0px;
	padding: 10px;
	height: 230px
}

#divToolboxOuter ul
{
   
}

#divToolboxOuter ul li
{
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

#divToolboxOuter a 
{
	color:Black;
}

.toolboxItem
{
	 background-color: #fff;
	 height: 40px;
	 padding: 5px;
	 
}

.toolboxTitle
{
	font-weight:bold;
	font-family: Arial;
	font-size: 1.1em;
}

.toolboxSubText
{
	font-size: 0.8em; 
	color:#999;
	white-space:normal;
}

.toolboxItem .subItem1
{
	float: left; 
	margin: 5px;
}

.toolboxItem .subItem2
{
	float: left; 
	margin: 5px;
}


/*Latest updates */
.latestUpdatesIcon
{
	float: left; 
	padding-left: 15px; 
	height: 41px;
}

.updateHeader
{
	background: url(images/update-header-background.gif) no-repeat left bottom;
	margin: 0px 5px;
	height: 16px;
	padding: 0px 8px;
}

.updateHeaderTitle
{
	color: #fff;
	text-transform:uppercase;
	font-size: 0.8em;
	font-weight: bold;
	padding-top: 2.1px;
	float: left; 
}

.updateHeaderViewAll
{
	color: #fff;
	text-transform:uppercase;
	font-size: 0.7em;
	font-weight: normal;
	padding-top: 2.5px;
	float: right; 
}

.updateHeaderViewAll a
{
	color: #fff !important;
	text-decoration: none;
}

/* Search */

#searchform {
	margin: 0;
	padding: 0 0 0 0;
}

#searchform br {
	display: none;
}

#searchform h2 {
}

#s {
	margin: 10px 0px 0 15px;
	padding: 2px 2px;
	width: 150px;
	height: 18px;
	border: 1px solid #000;
	background: #000;
	font-size: 10px;
	color: #000000;
}

#x {
	margin: 0;
	padding: 2px 5px;
	height: 25px;
	background: #CA8186;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
}
/* Calendar */

#calendar_wrap {
	padding: 0 15px;
	text-align: center;
}

#calendar_wrap table {
	width: 100%;
}

#calendar_wrap th {
}

#calendar_wrap td {
}

#calendar_wrap tfoot td {
	border: none;
}

#calendar_wrap tfoot td#prev {
	text-align: left;
	font-weight: bold;
	border: none;
}

#calendar_wrap tfoot td#prev a {
	border: none;
}

#calendar_wrap tfoot td#next {
	text-align: right;
	font-weight: bold;
	border: none;
}

#calendar_wrap tfoot td#next a {
	border: none;
}

/* Footer */
/*#f 
{
	width: 996px;
	height: 250px;
	background-color: #000;
	margin: 0 auto;
}*/

#footer {
	width: 996px;
	height: 70px;
	margin: 0 auto;
	padding: 10px 0px 0px 0px;
	color: #fff;
}

#c100footer {
	height: 70px;
	padding: 10px 0px 0px 0px;
	color: #fff;
}

#divFooterBuiltBy
{
	width: 100%;
	margin-top: -20px;
	/*-- ColorChange --*/
	background-color: #e4f0f5; 
	height:80px;
}

#footer p {
	margin: 0;
	padding: 25px 20px 0 20px;
	text-transform: uppercase;
	text-align: center;
	font-size: smaller;
	font-family: Arial, Helvetica, sans-serif;
}

#c100footer p {
	margin: 0;
	padding: 25px 20px 0 20px;
	text-transform: uppercase;
	text-align: center;
	font-size: smaller;
	font-family: Arial, Helvetica, sans-serif;
}

#footer a {
	color: #fff;
}

#footer .link {
	float: right;
}

#footerIcons
{
	width: 100%;
	background-color: #000;
	height: 160px;
	text-align: center;
	margin-top: -1px;
}

#footerIcons li
{
	float: left;
	width: 12.4%;
	list-style: none;
}
/*-- Origin Control Styles --*/
.OriginTextbox
{
	font-family:Arial;
	font-size: 0.9em;
}

.OriginSelectbox
{
	font-size: 0.9em;
}

.OriginLabel
{
	font-size: 0.9em;
}

.OriginCheckboxLabel
{
	font-size: 0.9em;
}

/*-- End of Origin Control Styles --*/

/*-- Start Public Registration Form Layout --*/

.puForm 
{  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	margin: 0;
	padding: 0;
	width: 100%; 
}


.puFormFieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #A5A5A5;
  border-width: 0px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

.puFormFieldset legend 
{
	font-size:1.5em; /* bump up legend font size, not too large or it'll overwrite border on left */
					   /* be careful with padding, it'll shift the nice offset on top of border  */
	font-weight: bolder;
}

.puFormElement-Label
{
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 160px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
	padding-top:2px;
	padding-bottom:2px
}

form br 
{
	clear:left;
}

.puFormElement-Textbox
{
	display: inline; /* inline display must NOT be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	border: #000000 1px solid;
}

.puFormElement-Selectbox
{
	display: inline; /* inline display must NOT be set or will hide submit buttons in IE 5x mac */
	width: auto; /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin: 5px 0 0 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	border: #000000 1px solid;
}

/*-- End Public Registration Form Layout --*/

/*-- Start Ajax Modal Popup Classes --*/
.puModalBackground 
{
	/*-- ColorChange -- */
	background-color: #cccccc;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.puModalPopup 
{
	/*-- ColorChange -- */
	background-color: #fff;
	border: solid 0px #000000;
	padding:3px;
	width:250px;
}

/*-- End Ajax Modal Popup Classes --*/

/*-- Horizontal Scroller --*/
/* root element for the scrollable.
when scrolling occurs this element stays still.*/
.scrollable
{
	/* required settings */
	position: relative;
	overflow: hidden;
	width: 88%;
	height: 180px; /* custom decorations */
   /* background: url(http://static.flowplayer.org/tools/img/global/gradient/h300.png) repeat-x;*/
}
	
/*	root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set the width and height for the root element and
not for this element.*/
.scrollable .items
{
	/* this cannot be too large */
	width: 20000em;
	position: absolute;
	clear: both;
}
	
/* single scrollable item */
.scrollable .divItem
{
	float: left;
	margin: 20px 5px 20px 12px;
	padding: 2px;
	width: 154px;
	height: 144px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.scrollable div img
{
	float: left;
	background-color: #fff;
	cursor: pointer;
	width: 154px;
	height: 102px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.scrollable .divItem .itemText
{
	background-color:#000; 
	text-align:center;
	clear:both;
	height:35px;
	padding-top: 5px;
}

.scrollable .divItem a
{
	color:#fff; 
	font-weight:bold; 
}
	
/* active item */
.scrollable .active
{
	border: 2px solid #000;
	z-index: 9999;
	position: relative;
}
/* this makes it possible to add next button beside scrollable */
.scrollable
{
	float: left;
}
/* prev, next, prevPage and nextPage buttons */
a.browse
{
	border: solid transparent 1px;
	background: url('images/icons/scrollerLeftRight.png') no-repeat;
	display: block;
	width: 26px;
	height: 26px;
	float: left;
	margin: 85px 0px;
	cursor: pointer;
	font-size: 1px;
	border: none;
}
/* right */
a.right
{
	background-position: 0 -26px;
	clear: right;
	margin-right: 0px;
}
a.right:hover
{
	background-position: -26px -26px;
}
a.right:active
{
	background-position: -52px -26px;
}
/* left */
a.left
{
	margin-left: 4px;
}
a.left:hover
{
	background-position: -26px 0;
}
a.left:active
{
	background-position: -52px 0;
}
/* up and down */
a.up, a.down
{
	/*background: url(http://static.flowplayer.org/tools/img/scrollable/arrow/vert_large.png) no-repeat;*/
	float: none;
	margin: 10px 50px;
}
/* up */
a.up:hover
{
	background-position: -30px 0;
}
a.up:active
{
	background-position: -60px 0;
}
/* down */
a.down
{
	background-position: 0 -30px;
}
a.down:hover
{
	background-position: -30px -30px;
}
a.down:active
{
	background-position: -60px -30px;
}
/* disabled navigational button */
a.disabled
{
	visibility: hidden !important;
}
/* position and dimensions of the navigator */
.navi
{
	margin-left: 42%;
	width: 200px;
	height: 20px;
}
/* items inside navigator */
.navi a
{
	width: 8px;
	height: 8px;
	float: left;
	margin: 3px;
	background: url(http://static.flowplayer.org/tools/img/scrollable/arrow/navigator.png) 0 0 no-repeat;
	display: block;
	font-size: 1px;
}
/* mouseover state */
.navi a:hover
{
	background-position: 0 -8px;
}
/* active state (current page state) */
.navi a.active
{
	background-position: 0 -16px;
}

/* ----- Resource Page ------ */
.pageH1
{
	font-size: 2em; 
	/*margin-top: 15px;*/
}


.openResource
{
   background-image: url('images/icons/openResource.gif');
   height: 27px;
   width: 155px;
}

.openFile 
{
   background-image: url('images/icons/downloadFile.gif');
   height: 27px;
   width: 155px;
}

.FileSize
{
	font-size: 1.2em;
	color: #999;
}

.resourceHeader
{
	background-color: #deecf4;
	height: 25px;
	font-weight: bold;
	font-size: 1.2em;
	padding-top: 5px;
	padding-left: 10px;
}

.resourceCrossLinking
{
	padding-left: 5px;
	line-height: 150%;
}

.resourceCrossLinking a
{
	color: #a851a0;
}

/* ----- Group Page ------ */


.grouppagePanel 
{
	 float: left; 
	 width: 48%; 
	 background-color: #fff;
	 margin: 3px;
	 text-align: left;
}

.grouppagePanel a 
{
	color: #a851a0;
	font-weight: bold;
}

.grouppagePanel ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.grouppagePanel li {
	padding: 0 0 20px 0;
}

.grouppagePanel li li {
	margin: 0 20px 0 15px;
	padding: 6px 0px;
}

.grouppagePanel .linkDates
{
	 color: #999; 
	 font-size: 0.8em;
	 font-style:italic;
}

.grouppagePanelHeader
{
	background-color: #deecf4;
	font-size:0.75em;
	padding-left: 5px;
	text-align:left;
	vertical-align:middle;
}

.grouppagePanelHeader h1
{
	line-height: 200%;
}

.grouppageContent div
{
	padding:3px;
}

.gqLink
{
	 color: black;
	 font-weight: normal;
	 text-decoration:underline;
}

.gqResult .linkDates
{
	 color: #999; 
	 font-size: 0.8em;
	 font-style:italic;
}

.gqQuery
{
	 color: #999; 
	 font-weight: bold;
}

.gqQueryBox
{
	background-color: #f6eef6;
}

.gqQuery a
{
	 color: black;
	 font-weight: normal;
	 text-decoration:none;
}

.gpQueryRemove
{
	vertical-align:middle;
	margin-bottom:2px;
	margin-left:3px;
	margin-right:3px;
}

.gpQueryAdd
{
	display:none;
}

/*--View Page--*/
.viewPage
{
}

.viewPage a
{
	color: #a851a0;
}

/*Ajax Password Strength*/
.cssVPoor
{
	color:Red;
	font-size: smaller;
	background-color:#CCCCCC;
	margin-left: 15px;
}
.cssWeak
{
	color:#FF6600;
	font-size: smaller;
	background-color:#CCCCCC;
	margin-left: 15px;
}
.cssAverage
{
	color:Blue;
	font-size: smaller;
	background-color:#CCCCCC;
	margin-left: 15px;
}
.cssStrong
{
	color:Yellow;
	font-size: smaller;
	background-color:#CCCCCC;
	margin-left: 15px;
}
.cssExcellent
{
	color:Green;
	font-size: smaller;
	background-color:#CCCCCC;
	margin-left: 15px;
}

.TextIndicator_TextBox1 
{
		 background-color:#CCCCCC;
		 color:White;
		 font-family:Arial;
		 font-size:x-small;
		 font-style:italic;  
		 padding: 2px 3px 2px 3px;   
		 margin-left: 50px;
}

/*GS - Public Registration Form Layout */
.divform {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  /*min-width: 500px;
  max-width: 600px;*/
  width: 100%; 
}

.formfieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #A5A5A5;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

.formfieldset legend 
{
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
					 /* be careful with padding, it'll shift the nice offset on top of border  */
}

.formFieldSetLabel
{
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
	font-size: 8pt;
	padding-top:2px;
	padding-bottom:2px
}

.formFieldSetUILabel
{
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100%; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
	font-size: 8pt;
	padding-top:2px;
	padding-bottom:2px
}

form br 
{
	clear:left;
}

 .formElement-textbox
 {
	display: inline; /* inline display must NOT be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	BORDER-RIGHT: #484848 1px solid;
	BORDER-TOP: #484848 1px solid;
	BORDER-LEFT: #484848 1px solid;
	BORDER-BOTTOM: #484848 1px solid;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	font-size: 8pt;
	BACKGROUND-COLOR: #FFFFFF;

}

.formElement-selectbox
 {
	display: inline; /* inline display must NOT be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	BORDER-RIGHT: #4D90F1 1px solid;
	BORDER-TOP: #4D90F1 1px solid;
	BORDER-LEFT: #4D90F1 1px solid;
	BORDER-BOTTOM: #4D90F1 1px solid;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	font-size: 8pt;
}
	
/* System Managment Fieldsets */
.SMfieldset legend 
{
	font-size:0.9em;
	font-weight: bold;
}  

.SMfieldset2 {
  border-color: #A5A5A5;
  border-width: 1px;
  border-style: solid;
  padding: 10px;
  margin: 0;
}  



/* ADDED BY DC */

.panelHeader {
	background-image:url(images/headerBG.gif);
	padding: 5px;
	font-weight:bold;
	font-size:16px;
	border: #A5A5A5 1px solid;
	
}

.panelInsert {
	border: #A5A5A5 1px solid;
	padding:10px;
	background-color: #fff;
}

/*Grid*/

.rankColumn
{
 color:red;
 border-right: solid 1px black
}
.rateColumn
{
 color:blue
}
.valueColumn
{
 color:green;
 border-left: solid 2px black
}

.GridHeaderStyle
{
	background: #F3F3F4;
	color: #403434;
	background-image:url(images/grid/datagridHeader.gif);
	height:31px;
	vertical-align:middle;
	border-style:none;
	font-weight:bold;
	border:1px solid red;
}
.GridGroupItemStyle
{
	background: #F3F3F4;
	background-image: url(images/grid/gridGroupBG.gif);
	height:25px;
	vertical-align:middle;
	border-color: #666666 ;
	
}
.GridGroupPanelStyle
{
	background: #f3f3f4;
	color: #666666;
}
.GridPagerStyle
{
	background: #ffffff
}
.GridStatusBarStyle
{
	background: #F3F3F4;
	color: #6E8091;
	border-width:0px;
	border-color:#F3F3F4;
	height:25px;
	font-weight:bold;
	font-style:italic 
}
.GridItemStyle
{
}
.GridAlternatingItemStyle
{
	background: #F5F5F5;
}
.GridEditItemStyle
{
	background: #FFFFFF;
	color: #000000;
}
.GridFooterStyle
{
	background-image: url(images/grid/gridGroupBG.gif);
	background: #F5F5F5;
	color: #6E8091;
}
.GRIDScrollColor
{
	background-color:Red;
}

/*tabs*/
.tabexitbutton
{
	float:right;
	display:block;
	color:black;
	border:0px solid white;
	line-height:14px;
	BACKGROUND-IMAGE: url('images/tabs/tab.gif');
	background-repeat:no-repeat;
	height:28px;
	text-align:center;
	width:130px;
}
a.tabexitbutton:hover
{
	BACKGROUND-IMAGE: url('images/tabs/tabOn.gif');
	text-decoration:none;
	height:28px;

}
.tabexitbuttonColor 
{
	color:Black;margin-top:10px;
}


.tabstripbutton
{
	background:transparent;
	display:inline;
	border:0px solid white;
	FONT-WEIGHT: bold;
	font-size:.85em;
	BACKGROUND-IMAGE: url('images/tabs/tab.gif');
	background-repeat:no-repeat;
	height:28px;
	text-align:left;
	padding-left:8px;
	width:130px;
	padding-top:2px;
}
.tabstripbuttonSelected
{
	background:transparent;
	BORDER-RIGHT: black 0px solid;
	BORDER-TOP: black 0px solid;
	FONT-WEIGHT: bold;
	font-size:.85em;
	BACKGROUND-IMAGE: url('images/tabs/tabSelected.gif');
	BORDER-LEFT: black 0px solid;
	BORDER-BOTTOM: black 0px solid;
	background-repeat:no-repeat;    
	color: black;
	height:28px;
	width:130px;
	background-repeat:no-repeat;
	text-align:left;
	padding-left:8px;
	color:Black;
}

.tabstripbuttonOver
{    
	background:transparent;
	BORDER-RIGHT: black 0px solid;
	BORDER-TOP: black 0px solid;
	FONT-WEIGHT: bold;
	font-size:.85em;
	BACKGROUND-IMAGE: url('images/tabs/tabOn.gif');
	BORDER-LEFT: black 0px solid;
	BORDER-BOTTOM: black 0px solid;
	background-repeat:no-repeat;
	height:28px;
	text-align:left;
	padding-left:8px;
	width:130px;
	color:White;
	
}

.tabstrippanel
{
	border: solid 1px black;
	padding: 5px
}

/*forms*/
.textbox
{
	BORDER: 1px solid #484848;
	BACKGROUND-COLOR: #FFFFFF;
	FONT-SIZE: .9em;
}
.selectbox
{
	BORDER: 1px solid #4D90F1;
	FONT-SIZE: .9em;
}


/*others*/

.submitbutton
{
	/*padding:2px;
	BORDER: black 1px solid #515c77;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	BACKGROUND-COLOR: #9dabcf;
	COLOR:#2e3a58;*/
}
.Message
{
	FONT-WEIGHT: bold;
	color:red;
	text-align:center;
   
}

#divDashboardLogo
{
	text-align: center;
}

.OutOfDateRow
{
	background: #ffcccc;
}

/*Grid View Styles*/
.GridViewStyle
{    
	width: 100%;
	padding: 4px;
}

.GridViewStyle a
{
	color: #FFFFFF;
}

.GridViewHeaderStyle th
{
	
}

.GridViewHeaderStyle
{
	background-color: #a851a0;
	font-weight: bold;
	color: White;
}

.GridViewFooterStyle
{
	background-color: #a851a0;
	font-weight: bold;
	color: White;
}

.GridViewRowStyle
{
	background-color: #fff;
	color: #000;
	vertical-align:middle;
	text-align: center;
}

.GridViewAlternatingRowStyle 
{
	background-color: #dde4f9;
	color: #000;
	vertical-align:middle;
	text-align: center;
}

.GridViewRowStyle td, .GridViewAlternatingRowStyle td
{

}

.GridViewSelectedRowStyle
{
	background-color: #E2DED6;
	font-weight: bold;
	color: #333333;
}

.GridViewPagerStyle
{
	background-color: #284775;
	color: #FFFFFF;
}

.GridViewPagerStyle table /* to center the paging links*/
{
	margin: 0 auto 0 auto;
}

.black_overlay
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 950px;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity=70);
}
.white_content
{
	display: none;
	position: absolute;
	top: 5%;
	left: 5%;
	width: 80%;
	height: 650px;
	padding: 16px;
	border: 16px solid #E1E1E1;
	background-color: white;
	text-align: center;
	z-index: 1002;
	overflow: auto;
}

/* Datagrid style */
.DataGridStyle
{
	width: 100%;
	padding: 4px;
	border: solid 1px #a851a0;
	font-size:10pt;
}

.DataGridStyle th
{
	/*border: solid 1px #a851a0;*/
}

.DataGridStyle td
{
	border: solid 1px #a851a0;
}

.DataGridHeaderStyle
{
	background-color: #a851a0;
	font-weight: bold;
	color: White;
	text-align:center;
}

.DataGridFooterStyle
{
	background-color: #a851a0;
	font-weight: bold;
	color: White;
}

.DataGridItemStyle
{
	background-color: #fff;
	color: #000;
	vertical-align:middle;
	text-align: left;
}

.DataGridItemStyle th
{
	border: solid 1px #a851a0;
}

.DataGridAlternatingItemStyle th
{
	border: solid 1px #a851a0;
}

.DataGridAlternatingItemStyle 
{
	background-color: #fff;
	color: #000;
	vertical-align: middle;
	text-align: left;
}

.DataGridGroupItemStyle
{
	background-color: #C07EBC;
	color: White;
	vertical-align:middle;
	text-align: center;
	font-weight:bold;
	border: solid 1px #a851a0;
}

.DataGridGroupItemFooterStyle
{
	background-color: #dde4f9;
	color: #000;
	vertical-align:middle;
	text-align: left;
	border: solid 1px #a851a0;
	font-size:7pt;
}

/* End Datagrid style */

/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:1000px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url('images/dialog2-purple.gif') no-repeat top right;
 _background-image:url('images/dialog2-purple.gif');
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding: 5px 17px 5px 5px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
 color: #fff;
}

.dialog a {
	text-decoration: underline;
	/*-- ColorChange --*/
	color: #fff;
}

/**************************************************************
   Footer
 **************************************************************/
.footerLinks
{
	visibility:hidden;
	display: none;
	float: right;
	margin: 0px 50px 0px 5px;
}

#flinks {
  clear: both;
  float: left;
  width: 100%;
  height: 48px;
  margin-top: 10px;
  color: #000;
  font:   12pt Arial, Helvetica, sans-serif;
  text-align: center;
}


#flinks ul {
  margin: 0;
  padding: 0;
  padding-bottom: 5px;
}

#flinks ul li {
  display: inline;
  list-style: none;
}

#flinks ul li a {
  padding: 0 0.5em;
  font:  12pt Arial, Helvetica, sans-serif;
  color: #000;
  border-right: 1px solid #000;
  text-decoration: none;
}

#flinks ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#flinks ul li a:hover {

}

#flinks img {
	float: right;
	margin: 6.5px 0 0 0;
	display: inline;
}

#flinks #copyright
{
	float: left; 
	display: inline; 
	margin: 25px 0 0 10px;
}

#flinks
{
	text-align: center; 
	float: left; 
	width: 100%;
	padding-top: 8px;
}

#flinks #poweredBy
{
   float: left;
   margin: 25px 0 0 26px;
   display: inline;
}
/**************************************************************
   Generic Display 
 **************************************************************/


.block {
  display: block;
}

.clear {
  clear: both;
}

.marginRight {
  margin-right: 15px;
}

.paddingLeft {
  padding-left: 5px;
}

.paddingRight {
  padding-right: 5px;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignTop {
  vertical-align: top;
}

.alignMiddle {
  vertical-align: middle;
}

.alignBottom {
  vertical-align: bottom;
}

.center {
	text-align:center;
}

.hidden 
{
	display: none;
}

/*header*/
#headerSignInUserDetails {
	float: left; 
	min-width:500px; 
	font-size:8pt;
}

#headerSignInUserDetails a{
	color: White;
}

.securitylogoutheader
{
	font-size:9px;
    font-weight:bold;
    font-style:italic;
    float: right; 
    width:300px;
}
/*header*/
 /**************************************************************
   RAD Editor Styles
 **************************************************************/
.reTool .InsertData
{
  background-image: url('images/icons/CustomDialog.gif');
}
.reTool .CustomBR
{
  background-image: url('images/icons/CustomBR.gif');
}


.radwindow.radwindow_Default.normalwindow.transparentwindow
{
 z-index:13000 !important;
}