﻿body{
	margin:0px;
	padding:0px;
	background-color: #E4EBEF;
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

.lblMessage
{
	font-weight:bold;
	color:Maroon;
	font-size: 13px;
}

.lblMessage_Error
{
    background-color: #fee3e7;
    border: 1px solid #c7021e;
    padding:10px;
    text-decoration: none;
    color: #cc0033;
    display:block;
	font-size: 13px;    
}

.lblMessage_Notify
{
    background-color: #FFFFFF;
    border: 1px solid #cccccc;
    padding:10px;
    text-decoration: none;
    color: #999999;
    display:block;
	font-size: 13px;       
}

img{
	border:0px;
}

img.content{
	margin:10px 0px 5px 0px;
}

table.main
{
	width:100%;
	height:100%;
}

td
{
	vertical-align: top;
}

td.space
{
	background-color: #E4EBEF;
}

td.content
{
	/*background-color: #ffffff;*/
}

td.text
{
	color: #000000;
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
}

td.blog
{
	background-color: #CDDAE1;
	padding: 20px;
}

td.logo
{
	background-color: #E4EBEF;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 282px;
	height: 65px;
}

td.menubg
{
	background-image: url(../images/menu.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 31px;
}

td.menu_second_bg
{
	background-image: url(../images/menu_second.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 31px;
}
td.menu_admin_bg
{
	background-image: url(../images/menu_second.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 31px;
}

/* *** BACKGROUNDS *** */

.bk_light{
	background-color: #FFFFFF ! important;
}

/* *** MENU *** */
.menu
{
	color: #487691;
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size: 15px;
	font-weight: bold;
	vertical-align: middle;
}

.menu div
{
	float:left;
}

.menu_admin_bg .menu
{
	font-size: 12px;
}

.menudot
{
	background-image: url(../images/menudot.gif);
	height: 31px;
	width: 1px;
}

.menu_second_dot
{
	background-image: url(../images/menu_second_dot.gif);
	height: 31px;
	width: 1px;
}

.spacedot{

	background-image: url(../images/spacedot.gif);
	height: 1px;
	width: 100%;
	margin:18px 0px 18px 0px;
}

.spacedot_small{

	background-image: url(../images/spacedot.gif);
	height: 1px;
	width: 100%;
	margin:10px 0px 5px 0px;
}

td.page
{
	color: #000000;
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: normal;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
}


font.header, span.header
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px;
	font-weight: bolder;
}

font.content, span.content
{
	color: #000000;
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
}

span.widgetDark{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold;
}

td.downloadbox{
	background-color:#cddae1;
	padding:20px;	
}

td.downloadbox .content{
	font-weight:bold;
}


/* --- Links --- */

a
{
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	color: #487691;
	text-decoration: none;
}

a.content
{
	font-size: 12px;
}

a.contentStrong{
	font-size: 12px;
	font-weight:bold;
}

a:link
{
	color: #487691;
}

a:hover
{
	text-decoration:underline;
}

a.menu:hover
{
	color: #487691;
	text-decoration:underline;
}

a:visited
{
	color: #487691;
}

/* --- Naviagtion --- */

.navigationOn{
	padding: 5px 10px 0px 10px;
}

.navigationOff{
	padding: 6px 10px 0px 10px;
}

.navigationOff a
{
	font-weight:bold;
}

.navigationOff a:hover
{
	text-decoration:underline;
}

.navigationOn a
{
	color:#000000;
	font-weight:normal;
}

/* --- PAGE Content --- */
.pageContent h1{
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	margin:0px 0px 2px 0px;
	padding:0px 0px 0px 0px;
}

.pageContent h1.subheading{
	color:#858971;
}

.pageContent h2{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 25px;
	font-weight: bold;
	margin:0px 0px 2px 0px;
	padding:0px 0px 20px 0px;
}

.pageContent h2.subheading{
	font-size: 18px;
	padding:0px 0px 0px 0px;
}

.pageContent h3{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.pageContent p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

.pageContent div.content{
	padding:20px;
}

.pageContent div.content p.content{
	padding-bottom:10px;
}

.pageContent div.content p a{
	font-weight: bold;
}

.pageContent td{
	padding-bottom:20px;
}

.pageContent ul, .pageContent ol{
	padding:0px 0px 12px 15px;
	margin:0px;
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

/* --- SiteMap --- */
.logo div{
	text-align:right;width:880px;
}

.logo div a{
	padding-right:10px;
}

/* --- Innovation Text --- */

div.innovationimg{
	background-image:url('../images/join.jpg');
	width:880px;
	height:280px;
}

div.innovationtxt{
	margin-top:30px;
	padding-right:35px;
	width:225px;
	float:right;
}

div.innovationtxt .header{
	color: #000000;
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size: 20px;
	font-weight: bold;
}

div.innovationtxt .content{
	color: #000000;
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size: 13px;
}

.button{
	margin:0px;
	padding:0px;
	background-image:url('../images/button.gif');
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	width:174px;
	height:24px;
}

.button_small{
	margin:0px;
	padding:0px;
	background-image:url('../images/button.gif');
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	height:24px;
}
.button255{
	margin:0px;
	padding:0px;
	background-image:url('../images/button_255.gif');
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	height:24px;
}

.button184{
	margin:0px;
	padding:0px;
	background-image:url('../images/button_184.gif');
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	width:184px;
	height:24px;
}


.button_big{
	margin:0px;
	padding:0px;
	background-image:url('../images/button_big.gif');
	width:206px;
	height:24px;
}
.button_event{
	margin:0px;
	padding:0px;
	background-image:url('../images/button_event.gif');
	width:330px;
	height:24px;
}

.buttonLeft{float:left;height:24px;}
.buttonMid{float:left;height:24px;background:url('../images/button/mid.png') repeat-x top left;}
.buttonRight{float:left;height:24px;}
.buttonText .big{
	font-size: 14px !important;
}
.buttonText{
	padding-top:3px;
}

div.innovationtxt p {

	margin-top:5px;
	padding-top:0px;

	margin-bottom:5px;
	padding-bottom:5px;
}

/* *** FOOTER *** */

.smallprint
{
	margin:0px;
	padding:0px;
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size: 10px;
}

.smallprint a
{
	color: #487691;
	font-weight: bold;
}

/* *** FORMS *** */
#tableForm td {
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size:12px;
	padding-top:5px;
	padding-bottom:5px;
}
#tableForm input, textarea, select {
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size:12px;
	border: 1px solid #666666;
	width:350px;
}

.tableForm {
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size:12px;
	padding-top:5px;
	padding-bottom:5px;
}
.tableForm td {
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size:12px;
	padding-top:5px;
	padding-bottom:5px;
}
.tableForm input, textarea {
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size:12px;
	border: 1px solid #666666;
	width:350px;
}

.tableForm input[type='checkbox'] {
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size:12px;
	border: 0px;
	width:20px;
}
#tableForm input[type='checkbox'] {
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size:12px;
	border: 0px;
	width:20px;
}

/* *** TABLES *** */
.TablePanels{
	font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size:12px;
}

.TablePanels td{
	padding-bottom:0px;
}

/* *** COLUMNS *** */

.column .trans{
	background-color: #E4EBEF;
}

.column .right{
	background-color: #CDDAE1;
}


.column p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size: 12px;
}
.column p a{
		font-weight: bold;
}

.column h1{
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	margin:0px 0px 2px 0px;
	padding:0px 0px 0px 0px;
}

.column h1 a{
	color: #487691;
}

.column h2{
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 20px;
	font-weight: bold;
	margin:0px 0px 2px 0px;
	padding:0px 0px 0px 0px;
}
.column div.content {
	padding:20px;
}
.column div.content img {
	margin-bottom:5px;
}

.pager td
{
	margin:0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
}
.pager
{
	height:10px;
	margin:0px;
	padding: 0px;
	background-color:#e3ebee;
	font-weight: bold;
}

.search_go_button
{
position:relative;
top:5px;	
}


/*************** Forms ***************/
.viewForm p { clear:both;padding-bottom:20px;}

#main-content h3{padding-bottom:15px;}



#main-content  label {
                display: block;
                min-width:180px;
                white-space:nowrap;
                float:left;
                padding: 10px 0px 5px 0px;
                font-weight: bold;
                }
                
#main-content   .noFloat label{
                display:inline;
                float:none;
                clear:both;
                padding: 0px;
                font-weight: normal;
                min-width:60px;
                }  
#main-content   .noWidth label{
                display: block;
                min-width:0px;
                float:left;
                padding: 10px 0px 5px 0px;
                font-weight: bold;
                }                   
                
#main-content  fieldset legend {
                font-weight: bold;
                margin-bottom: 10px;
                padding-top: 10px;
                }
                
#main-content  p small {
                font-size: 0.75em;
                color: #777;
                }
				
				
#main-content  input.text-input,
#main-content  select,
#main-content  textarea,
#main-content  .wysiwyg {
                float:left;
                padding: 6px;
                font-size: 13px;
                background: #fff url('../images/bg-form-field.gif') top left repeat-x;
                border: 1px solid #d5d5d5;
				color: #333;
                }
            
#main-content  .small-input {
                width: 25%;
                }
#main-content  .tiny-input {
                width: 50px;
                }                
#main-content  .medium-input {
                width: 50%;
                }
                
#main-content  .large-input {
                width: 97.5% !important;
				font-size: 16px !important;
				padding: 8px !important;
                }
                
#main-content  .large-textarea {
                width: 97.5% !important;
				font-size: 16px !important;
				padding: 8px !important;
                }
                                
#main-content  textarea {
                width: 97.5% !important;
                font-family: Arial, Helvetica, sans-serif;
                }
                
#main-content  select {
                padding: 4px;
                background: #fff;
                }
				
#main-content  input[type="checkbox"],
#main-content  input[type="radio"] {
				padding: 10px;
                background: none;
				border: 0;
                }

/*************** Pagination ***************/

#main-content .pagination TABLE
{
	width:0px;
}

#main-content .pagination {
                text-align: right;
                font-family: "MS Gothic";
                font-size: 10px;
                }
#main-content .pagination a {

                }

#main-content .pagination a.number {
				border: 1px solid #ddd;
                }

#main-content .pagination a.current {
                background: #469400;
                border-color: #459300 !important;
                color: #fff !important;
                }
				
#main-content .pagination a.current:hover {
				text-decoration: underline;
                }


/************ Table ************/


#main-content table {
                width: 100%;
                border-collapse: collapse;
                font-family: "Century Gothic";
                font-size:12px;
                }
                
#main-content table thead th {
                font-weight: bold;
                font-size: 14px;
                border-bottom: 1px solid #ddd;
                }
                
#main-content tbody {
                border-bottom: 1px solid #ddd;
                }
                
#main-content tbody tr {
                background: #fff;
                }
              
#main-content tbody tr.alt-row {
                background: #f3f3f3;
                }
                
#main-content table td,
#main-content table th {
                padding: 10px;
                line-height: 1.3em;
                                text-align:left !important;
                }        
				
#main-content table tfoot td .bulk-actions {
                padding: 15px 0 5px 0;
                } 
				
#main-content table tfoot td .bulk-actions select {
                padding: 4px;
				border: 1px solid #ccc;
                }
#main-content .pagination tbody {border:0px;}   
#main-content .pagination td{padding:10px 5px 10px 5px;}				



/*************** Notifications ***************/

.notification {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 99.8%;
                }
                

.attention {
                background: #fffbcc url('../images/icons/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #dbe3ff url('../images/icons/information.png');
                border-color: #a2b4ee;
                color: #585b66;
                }

.success {
                background: #d5ffce url('../images/icons/tick_circle.png');
                border-color: #9adf8f;
                color: #556652;
                }

.error {
                background: #ffcece url('../images/icons/cross_circle.png');
                border-color: #df8f8f;
                color: #665252;
                }

.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }

/* Notification for form inputs */

.input-notification {
				background-position: left 2px;
				background-repeat: no-repeat;
				padding: 2px 0 2px 22px;
				background-color: transparent;
				margin: 0 0 0 5px;
				}
				
				
				.checkboxlist label 
				{
						float:none !important;
						min-width:159px !important;
						display:inline !important;
						font-weight:normal !important;
						
				}
				.checkboxlist br{ clear:both !important;}