.pad20
{
	padding:20px;
}

/*
Page definitions:
Page Definitions show all elements that can make up a page in general.
*/

/*block container for the document as a whole*/
.page
{
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}

/*page panel, usually a div or span, for containing elements on the page */
.page-panel 
{
	vertical-align:top;
	margin: 10px;
	padding: 0px;	
	background-color: #FFFFFF;
	width: 100%;
	font-family: verdana;
	font-size: 8pt;
	font-weight: normal;
}

/*block container for the header*/ 
.page-header {
	
}

.page-header-link {

}

/*block container for the footer*/
.page-footer {
	
}

.page-footer-link {

}

.page-footer-link:hover {

}

/*description block for page*/
.page-description {

}
/*page title*/
.page-title {
}

/*subheading 1*/
.page-heading-1 {
}

/*subheading 2*/
.page-heading-2 {
}

/*subheading 3*/
.page-heading-3 {
}

/*text for your page*/
.page-text
{
	font-size: 8pt;
	font-family: Verdana;
}

/*instructions for end users*/
.page-instruction {

}

/*page links*/
.page-link {

}





/*page paragraph */
.page-paragraph {

}

/*page unordered list */
.page-ul {

}

/*page ordered list */
.page-ol {

}


/*
admin table definitions
*/
.table-header
{
	background-color: #FFFFFF;
	padding: 0px;
}

.table-header-text
{
	background-color: #527BA5;
	color: #FFFFFF;
	font-family: arial;
	font-size: 12pt;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 25px;
}

.table-header-break
{
	background-color: #FFFFFF;
	line-height: 5px;
}

.table-header-logo
{
	width: 90px;
	height: 24px;
	background-image: url('images/ecentric_logo.gif');
	background-repeat: no-repeat;
	padding: 0px
}

.table-border
{
	border-right: thin solid;
	border-top: thin solid;
	border-left: thin solid;
	border-bottom: thin solid;
	border-color: #CCE0F4;
	background-color: #FFFFFF;
	width: 100%;
	padding: 5px;   
}


/*
Form definitions:
Form Definitions show all elements that can make up elements within a form.
*/
.form {

}

.form-label-admin
{
	padding: 4px;
}

.form-data-admin
{
	padding: 4px;
}

.form-data-admin-bold
{
	padding: 4px;
	font-weight: bold;
}

.form-panel {

}

.form-title {

}

.form-label
{
	color: #000000;
	font-family: verdana;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	text-indent: 0px;
}

.form-label-error {

}

.form-input {
	color: #000000;
	font-family: verdana;
	font-size: 8pt;
	font-weight: normal;
	width: 250px;
}

.form-input-error 
{
	color: red;
	font-family: verdana;
	font-size: 8pt;
	font-weight: bold;
	
}

.form-button {
	font-family: verdana;
	font-size: 8pt;
	font-weight: normal;

}

.form-submit {
	font-family: verdana;
	font-size: 8pt;
	font-weight: normal;
}

.form-text 
{
	font-size: 12px;
	color: white;
	font-family: verdana;

}

.form-checkbox {
	color: #000000;
	font-family: verdana;
	font-size: 8pt;
	font-weight: normal;
}

.form-radio {
	color: #000000;
	font-family: verdana;
	font-size: 8pt;
	font-weight: normal;
}

.form-textarea {
	color: #000000;
	font-family: verdana;
	font-size: 8pt;
	font-weight: normal;
	width: 300px;
}

.form-select {
	color: #000000;
	font-family: verdana;
	font-size: 8pt;
	font-weight: normal;
}

.form-mandatory
{
	color:Red;
}

/*
Grid definitions:
Grid Definitions make up elements that are part of a grid (aka table) and its elements
*/

.grid grid.td
{
	padding: 10px;
	background-color: #FFFFFF;
	width: 100%;	
}

.grid-admin
{
	padding: 4px;
	width: 90%;	
}

.grid-admin-border
{
	padding: 4px;
	width: 90%;	
	border-style:solid;
	border-width:1px;
	border-color:#000000;
}

.grid-header 
{
	background-color: #CCE0F4;
	font-family: verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #527BA5;
	text-align: left;
	text-indent: 0px;
}

.grid-body {	
}

.grid-data {	
}

.grid-row 
{
	line-height: 18px;		
}

.grid-cell {
	line-height: 18px;
	width: 180px;
	text-align: left;
	
}

.grid-totals {

}

.grid-highlight {

}

.grid-panel {

}


/*
Message definitions:
Message Definitions make up elements which have anything to do with the display of messages
*/

.msg {
	color: #000000;
	font-family: Verdana,arial;
	font-size: 8pt;
	font-weight: normal;
}

.msg-version {
	color: #DDDDDD;
	font-family: Verdana,arial;
	font-size: 8pt;
	font-weight: normal;
}

.msg-response {

}

.msg-validation {

}

.msg-error {
	color: red;
	font-family: Verdana,arial;
	font-size: 8pt;
	font-weight: bold;
}

.msg-status {

}

.msg-icon {

}

.msg-version
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	FONT-FAMILY: Verdana; 
	COLOR: #eeeeee;
}

/*
Navigation definitions:
Navigation Definitions make up elements which are used specifically for navigation.  This should NOT be confused
with standard page-link or page-header/page-footer elements.
*/

.nav {
}

.nav-panel {

}

.nav-menu {

}

.nav-submenu1 {

}

.nav-submenu2 {

}


.nav-link {
	
	font-family: Verdana,arial;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}

.nav-link:hover {
	
	font-family: Verdana,arial;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
}

.nav-link:visited {
	
	font-family: Verdana,arial;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}

.nav-link-on {

}

.nav-menu-group
{
	font-weight: bold;
	font-size: 10px;
	color: #969ead;
	font-family: Arial;
	background-color: #e9eef2;
	text-transform:uppercase;
	line-height:20px;
	vertical-align:text-bottom;
	padding-left:5px;
	padding-right:5px;
	cursor:hand;
}

.nav-menu-groupSelected
{
	background-color:#527BA5;
	color:#FFFFFF;
	font-family: Arial;
	font-size:  10px;
	font-weight: bold;
	text-transform:uppercase;
	line-height:20px;
	padding-left:5px;
	padding-right:5px;
	cursor:hand;
}

.nav-admin-button 
{
	background-color:317DB0;
	
	
}


/*
Media definitions:
Media Definitions make up elements which are used specifically for media, such as graphics, animations, movies, etc.
*/

.media {

}

.media-img {

}

.media-thumbnail {

}

.media-movie {

}

/*Datagrid*/

.dg
{
	padding: 5px;
}

.dg-header
{
	border-top: thin solid;
	border-bottom: thin solid;
	background-color: #E9EEF2;
	border-color:#FFFFFF;
	font-family: Verdana,arial;
	font-size: 8pt;
	font-weight: bold;
	color: #969EAD;
	
}

.dg-item
{
	background-color: #E9EEF2;
	font-family: Verdana,arial;
	font-size: 8pt;
	font-weight: normal;
	height:30px;
}

.dg-alternating-item
{
	background-color: #F7F7F7;
	font-family: Verdana,arial;
	font-size: 8pt;
	font-weight: normal;
	height:30px;
}

.dg-selected-item
{
	background-color: #B3BE87;
	font-family: Verdana,arial;
	font-size: 8pt;
	font-weight: normal;
}



.dg-footer
{
}

div.scroll
{
	overflow:auto;	
	width: 100%;	
}

.grid-admin-list
{
	margin: 0px;
	padding: 4px;
	width: 90%;
}

.grid-admin-list-header
{
	background-color: #000000;
	color: #ffffff;
	font-family: verdana;
	font-size: 8pt;
	font-weight: bold;
	padding: 4px;
	
}

.grid-admin-list-row
{
	background-color: #ffffff;
	color: #000000;
	font-family: verdana;
	font-size: 8pt;
	font-weight: normal;
	padding: 2px;
}

.grid-admin-list-row-alternate
{
	background-color: #f3f3f3;
	color: #000000;
	font-family: verdana;
	font-size: 8pt;
	font-weight: normal;
	padding: 2px;
}

.grid-admin-list-seperator
{
	background-color: #cccccc;
	height: 1px;
}



#radEditorContainer 
{
	text-align:center;	
}