* { padding: 0; margin: 0; }

a img { border: none; }

a:link{
    color: #7B1C85;
    font-weight: normal;
    text-decoration: underline;
}

a:visited{
    color: #7B1C85;
    font-weight: normal;
}

body{
     background-color: #FFFFFF;
	color: #666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

ol{
   list-style: decimal inside;
   line-height: normal;
   padding-left: 2px;
}

ul{
   list-style: disc inside;
   line-height: normal;
   padding-left: 2px;
}
 
/* TinyMCE specific rules */
body.mceContentBody {
   background: #FFFFFF;
   padding: 2px;
}

#footer ul, #header ul {
    list-style: none;
}

p {
    margin: 5px 0 0 0;
    line-height: 150%;
}

h1 {
    color: #000000;
    font-family: "Helvetica Neue",Helvetica,Trebuchet MS,sans-serif;
    font-size: 25px;
    font-variant: normal;
    font-weight: bold;
    letter-spacing: 0;
    margin: 0 0 10px 0;
}

h2 {
    color: #595959;
    font-family: "Helvetica Neue",Helvetica,Trebuchet MS,sans-serif;
    font-size: 21px;
    line-height: 21px;
    padding: 0 0 10px 0;
}

.wrapper {
    width: 100%;
    overflow: hidden;
}

.bg {
    background: transparent url(../images/header_fade.jpg) repeat-x 0px 0px;
}

#container {
    margin: 0 auto;
    width: 985px;
}

.hidden{
    display: none;
}

.fit{
    overflow:hidden;
}

.ContentItemPaymentOptionSelector input[type=button],
#pagecontent button, 
#pagecontent button:hover,
#pagecontent .btn, 
#pagecontent.btn:hover
 {
    background-color: #DDDDDD;
    background-image: none;
    border:1px solid #7E2B97;
    color:#7E2B97;
    cursor: pointer;
    font-family:Century Gothic,Verdana;
    font-size:13px;
    font-weight:bold;
    height: 26px;
    line-height:26px;
    overflow:hidden;
    margin: 5px 5px 0px 0px;
    padding: 0px 8px 0px 8px;
    text-align:center;
    text-decoration:none;
    width:auto;
}

#pagecontent .selected, #pagecontent .selected:hover{
     background-color: #7E2B97;
     color: #DDDDDD
}

/******** HEADER *********************************************************************/
#header {
    height: 90px;
    position: relative;
    margin: 0 0 10px 0;
}

#header .logo {
    position: absolute;
    left: 2px;
    top: 39px;
}

#header .menu {
    position: absolute;
    left: 260px;
    top: 48px;
}

#header .menu li {
    display: inline;
    padding: 0 12px;
}
#header .menu li.first {
    padding-left: 0;
}
#header .menu li.last,
#header .menu li.lastChild {
    padding-right: 0;
}

#header .menu a {
    color: #ffffff;
    font-size:14px;
    font-family: 'Trebuchet MS','Century Gothic', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
}
#header .menu a:active,
#header .menu a:hover {
    text-decoration: underline;
}

/******** MESSAGES *******************************************************************/
/* general */
div.displayMessage{
    background-repeat: no-repeat;
    background-position: 6px 6px;
    font-size: 100%;
    font-weight: bold;
    margin: 10px 0px 25px 0;
    padding: 5px 20px 20px 56px;
}

div.displayMessage p {
    margin: 12px 0 0 0;
}

div.displayMessage code {
    color: #A31515;
    display: block;
    margin: 0 0 6px 0;
}

div.displayMessage ul {
    margin: 12px 0 0 12px;
}

div.displayMessage h3 {
    display: block;
    font-weight: bold;
    font-size: 120%;
    margin: 12px 0 0 0;
}

/* hint */
div.hint {
    color: #666666;
    background-color: #f8f8f8;
    border-top: 1px dotted #cccccc;
    border-bottom: 1px dotted #cccccc;
    background-image: url(../../../Content/icons/32x32/lightbulb.png);
    display:none;
    font-weight: normal;
}

div.hint a{
    text-decoration: underline;
}

/* success */
div.success{
    color: #006600;
    background-color: #e6f8dd;
    background-image: url(../../../../ValentNet/Content/icons/32x32/ok.png);
}

/* information */
div.information{
    color: #0f436c;
    background-color: #e4edf4;
    background-image: url(../../../../ValentNet/Content/icons/32x32/information.png);
}

/* warning */
div.warning{
    color: #e1a506;
    background-color: #FFFEDF;
    background-image: url(../../../../ValentNet/Content/icons/32x32/sign_warning.png);
}

/* error */
div.error{
    color: #9c0000;
    background-color: #FBE6F2;
    background-image: url(../../../../ValentNet/Content/icons/32x32/error.png);
}

/******** FOOTER *********************************************************************/
#footer {
    border-top: solid 1px #EAEAEA;
    color: #666666;
    clear: both;
    margin: 14px 0 0 0;
    padding: 13px 0 0 0;
    text-align: center;
}

#footer ul {
    margin: 0 0 3px 0;
}

#footer li {
    display: inline;
}

#footer li a {
    color: #61116a;
    font-size: 10px;
    font-family: Verdana, sans-serif;
    font-weight: normal;
    text-decoration: underline;
}

#footer li a:active,
#footer li a:hover {
    color: #823e8a;
    text-decoration: none;
}

/******** HOMEPAGE *******************************************************************/
div.home div.column1 {
    float: left;
    width: 568px;
    margin: 11px 11px 14px 0;
}

div.home div.column1 .text {
    background-color: #E9E9E9;
    padding: 10px;
}
div.home div.column1 .text h2 {
    border-bottom: 1px solid #595959; 
    padding: 0 0 5px 0;
}

div.home div.column2 {
    float: left;
    margin: 11px 0 14px 0;
    width: 406px;
}

div.home div.border {
    padding: 1px;
    margin: 0 0 14px 0;
    width: 404px;
    overflow: hidden;
}

div.home div.icontact {
    background-color: #E9E9E9;
    padding: 2%;
    width: 96%;
}

div.home .iContactHeader {
    color: #FFFFFF;
    background-color: #666666;
    border-color: #666666;
    height: 27px;
    padding: 5px 5px 5px 5px;
    margin-top: -1px;
    font-size: 12px;
    overflow:hidden;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
}

div.home div.icontact p {
    margin: 0;
}

div.home div.icontact .link, 
div.home div.icontact #SignUp .signupframe {
    color: #666666; 	
    font-family: Arial, Helvetica, sans-serif;
} 	

div.home div.icontact .link {
    text-decoration: none; 		
}

div.home div.icontact .signupframe {
    background: transparent;
    border: none;
    font-size: 10px;
}

div.home div.icontact td {
    padding: 0 5px 2px 0;
    color: #666666;
    font-family: Verdana, Arial,Helvetica,sans-serif;
    font-size: 11px;
}

div.home div.icontact td font {
    font-size: 11px;
}

div.home div.icontact input[type=text] {
    background-color:#FFFFFF;
    border:1px solid #666666;
    color: #666666;
    font-size:10px;
    width:135px;
}

div.home div.icontact input[type=submit] {
    background-color: #DDDDDD;
    background-image: none;
    border:1px solid #7E2B97;
    color:#7E2B97;
    cursor: pointer;
    font-family:Century Gothic,Verdana;
    font-size:13px;
    font-weight:bold;
    height: 26px;
    line-height:26px;
    overflow:hidden;
    margin: 5px 5px 0px 0px;
    padding: 0px 8px 0px 8px;
    text-align:center;
    text-decoration:none;
    width:auto;
}

div.home div.twitter {
    width: 404px;
    overflow: hidden;
    margin-left: 1px;
    background-color: #E9E9E9 !important;
}

div.home div.twitter p.text, div.home div.twitter p.date{
    margin: 4px 5px 4px 5px;
}

div.home div.twitter div.twitterHeader{
    color: #FFFFFF;
    background-color: #666666;
    border-color: #666666;
    height: 12px;
    padding: 5px 5px 5px 5px;
    margin-top: -1px;
    font-size: 12px;
    overflow:hidden;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
}

div.home div.twitter .date {
    color: #7B1C85;
    margin: 0 0 5px 0;
}

div.home div.banner {
    text-align: center;
}

/******** TEXTPAGE *******************************************************************/
/* Standard Page */
div.textpage div.column {
    float: left;
    width: 321px;
}
div.textpage div.middle {
    margin: 0 11px;
}

/* One Column Page */
div.oneColumnPage div.column {
    float: left;
    margin-left: 5px;
    width: 100%;
}

/* Two Column Page */
div.twoColumnPage div.column {
    float: left;
    margin-left: 5px;
    width: 477px;
}

/* Three Column Page */
div.threeColumnPage div.column {
    float: left;
    margin-left: 5px;
    width: 317px;
}
div.threeColumnPage div.middle {
    margin: 0 11px;
}

/******** EVENTS CALENDAR ************************************************************/
div.EventsCalendar {
    clear: both;
    height: 298px;
    width: 568px;
    margin: 0 0 14px 0;
}

div.EventsCalendar .imagePlaceholder {
   float: left;
   max-height: 295px;
   width: 400px;
}

div.EventsCalendar .eventsPlaceholder {
   float: left;
   width: 168px;
}

div.EventsCalendar .spotlightButton {
   background: transparent url(../images/eventBackgroundWhite.png) repeat-x;
   border-left: solid 1px #CCCCCC;
   border-bottom: solid 1px #CCCCCC;
   height: 58px;
   text-align: left;
   width: 167px;
}

div.EventsCalendar .spotlightButton a {
   color: #656565;
   font-size: 10px;
   text-decoration: none;
}

div.EventsCalendar .spotlightButtonSelected {
   background: transparent url(../images/eventBackgroundPurple.png) repeat-x;
}

div.EventsCalendar .spotlightButtonSelected .arrow {
    background: transparent url(../images/eventArrow.png) no-repeat;
    display: block;
    position: absolute;
    top: 0px;
    left: -14px;
    width: 14px;
    height: 60px;
}

div.EventsCalendar .spotlightButtonSelected a {
   color: #FFFFFF;
}

/******** EVENTS CALENDAR LIST *******************************************************/
.EventsCalendarList table, .EventsCalendarSubscribeSummary table, .enrollmentSummary table {
    table-layout: fixed;
    width: 100%;
}

.EventsCalendarList td, .EventsCalendarSubscribeSummary td {
    border-color:#FFFFFF;
    color:#666666;
    font-family:Verdana,Century Gothic;
    font-size:12px;
    padding: 2px;
}

.EventsCalendarList td, .EventsCalendarSubscribeSummary td {
   border-bottom: solid 1px #DDDDDD;
   padding: 5px 5px 5px 5px;
   vertical-align: top;
}

.EventsCalendarList th, 
.EventsCalendarSubscribeSummary th,
.enrollmentSummary .header {
    color: #FFFFFF;
    background-color: #666666;
    border-color: #666666;
    height: 10px;
    padding: 5px 5px 5px 5px;
    font-size: 10px;
    overflow:hidden;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
}

.EventsCalendarList .date {
    width: 140px;
}

.EventsCalendarSubscribe .finishButton,
.EventsCalendarItem .backButton,
.ContentItemPaymentOptionSelector input[type=button] {
   cursor: pointer;
   margin: 20px 0px 0px 0px !important;
}

/*tags */
.EventsCalendarList .cashflowclubdag{
    background-color: #7B1C85;
}

.EventsCalendarList .cashflowclubdag td{
    color: White !important;
}

/***** PAGING *************************************************************************/
.paging {
    margin: 30px 0px;
    float: left;
}

.paging img 
{
    border: solid 1px #FFFFFF;
    display: block;
    float: left;
    margin: 8px auto;
}

.paging span {
    color: #7B1C85;
    display: block;
    float: left;
    margin-right: 3px;
}

.paging a span {
    background-color: #DDDDDD;
    border:1px solid #7B1C85;
    font-size: 16px;
    font-weight:bold;
    padding: 4px 5px 4px 5px;
    text-decoration:none;
}

.paging a.pageSelected span {
    background-color: #7B1C85;
    border: 1px solid #7B1C85;
    color: #DDDDDD;
    cursor:default;
    font-weight:bold;
}

.paging .spacer {
    color: #FF6600;
    font-weight: bold;
    margin-top: 12px;
}

/***** LOGIN **************************************************************************/
.ContentItemLogin {
    border: solid 1px #CCCCCC;
    color: #000000;
    padding: 1px;
    margin: 0 0 0 133px;
    width: 400px;
}

.ContentItemLogin .header {
    display: none;
}

.ContentItemLogin fieldset {
    background-color: #C7B8CC;
    padding: 2%;
    width: 96%;
}

.ContentItemLogin .fields {
    width: 100%;
    overflow: hidden;
}

.ContentItemLogin .fields label {
    clear: both;
    display: block;
    float: left;
    padding: 7px 0 0 0;
    width: 110px;
}

.ContentItemLogin .fields input {
    border: solid 1px #000000;
    display: block;
    float: left;
}

.ContentItemLogin .loginOptions {
    display: none;
}

.ContentItemLogin .buttons {
    background-color: Transparent;
    margin: 0;
    padding: 0;
}

/***** REGISTER ***********************************************************************/
.register table.PropertyGrid {
    border: solid 1px #CCCCCC;
    color: #000000;
    padding: 1px;
    margin: 0 0 10px 133px;
    width: 500px;
}

.register table.PropertyGrid {
    background-color: #C7B8CC;
    padding: 2% 0;
}

.register table.PropertyGrid th {
    font-weight:bold;
    text-align: left;
    padding: 0 2%;
    color: #666666;
    background-color: #C7B8CC;
}

.register table input {
    border: solid 1px #000000;
}

.register .textbox {
    width: 150px;
}

.register .next {
    margin: 10px 0px 0px 5px;
}

/***** PRIVATE AREA ********************************************************************/
.privateMenu{
    float: left;
    width: 147px;
    margin: -27px 10px 10px 0px;
    
    /* IE 7 */
    #margin: 5px 10px 10px 0px;
}

.privateMenu ul{
    list-style: none;
    width: inherit;
}

.privateMenu li{
    margin: 0;
    padding: 3px 5px 0px 13px;
    white-space: nowrap;
}

.privateMenu li img{
    cursor: pointer;
    margin-left: -16px;
    vertical-align: middle;
}

.privateMenu li a, .privateMenu li.active li a{
    color: #666666;
    font-weight: normal;
    text-decoration: none;
}

.privateMenu li a:hover{
    text-decoration: underline;
}

.privateMenu li.active a{
    font-weight: bold;
}

.privateMenu li ul{
    width: inherit;
}

div.privatetextpage {
    margin: 40px 0px 0px 20px;
    width: 815px;
}

div.privatetextpage div.column {
    float: left;
    width: 390px;
    margin: 11px 15px 14px 0;
}

/***** FORUM **************************************************************************/
.ForumQuestion .question input[type=text]{
    color: #666666;
    height: 16px;
    font-size: 12px;
    margin: 5px 0px 15px 0px;
    width: 96.2% !important;
}

.ForumQuestion .mceLayout{
    width: 96.5% !important;
}

.ForumQuestion .tinyMCETextArea{
    padding: 0px 0px 1px 0px !important;
    width: 96.2% !important;
}

.ForumQuestion .UntypedTags input[type=text]{
    color: #666666;
    height: 16px;
    font-size: 12px;
    margin: 5px 0px 0px 0px;
    width: 96.2% !important;
}

.UntypedTags input[type=text]{
    width: 655px !important;
    
    /* IE 7 */
    #width: 597px !important;
}

.UntypedComments .mceEditor {
    margin: 0 !important;
}

.UntypedComments .newCommentButton {
    
    /* IE 7 */
    #margin-left: -24px !important;
}

.UntypedComments .titleSeparator  {
    margin-bottom: 15px;
}

.UntypedComments .mceLayout{
    margin-bottom: 5px;
    width: 100% !important;
}

.UntypedComments .tinyMCETextArea{
    height: 305px;
    margin-bottom: 5px;
    padding: 0px 0px 1px 0px !important;
    width: 100% !important;
}

.UntypedComments .showHtmlView label{
    padding-top: 3px !important;
    display: block;
}

.questionContent{
    width: 87% !important;
}

.ForumQuestionView .editQuestionButton, 
.ForumQuestionView .deleteQuestionButton, 
.ForumQuestionView .emailButton,
.UntypedComments .editCommentButton, 
.UntypedComments .deleteCommentButton{
    color: #666666 !important;
    cursor: pointer !important;
    display: block !important;
    font-family:Verdana,Arial,Helvetica,sans-serif !important;
    float: left !important;
    font-size: 10px !important;
    margin: 8px 0px 8px 0px !important;
    padding: 0px 2px 0px 2px !important;
    height: inherit! important;
    line-height: 12px !important;
    
    /* IE 7 fix */
    #padding: 0 !important;
    #margin: 0 !important;
    #height: auto !important;
}

.showHtmlView{    
    display: block;
}

.showHtmlView input[type="checkbox"] {
    float: left;
    display: block;
    margin: 5px 5px 0 0;
}

.showHtmlView label {
    line-height: 18px;
    vertical-align: middle;
        
    /* IE 7 fix */
    #vertical-align: text-top;
}
/***** CONTACT FORM *******************************************************************/
div.contact table.PropertyGrid th {
    text-align: left;
    font-weight: normal;
    vertical-align: top;
}

div.contact table.PropertyGrid th.text {
    font-weight: bold;
}

div.contact table.PropertyGrid input.btn{
	cursor:	pointer;
	margin: 10px 0px 0px 395px !important;
}

div.contact table.PropertyGrid input.textbox{
	color: #666666;
    font-size:12px;
	padding: 0px 0px 0px 2px;
	width: 250px;
}

div.contact table.PropertyGrid select.cbo{
	padding: 0;
	width: 254px;
}

div.contact table.PropertyGrid textarea.textbox,
div.contact table.PropertyGrid textarea.textarea{
	color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100px;
	padding: 0px 0px 0px 2px;
	width: 250px;
}

.EventsCalendarSubscribeSummary .summaryTitle {
    padding: 5px!important;
}

.EventsCalendarSubscribeSummary td {
    padding: 5px !important;
}

.EventsCalendarSubscribeSummary .totalsTable td{
    border: none !important;
    padding: 0px 0px 0px 0px !important;
}

/***** PAYMENT ************************************************************************/

.ContentItemPaymentOptionSelector li{
    list-style: none;
}

tr.invoiceLine th{
    width: 300px;
}
tr.invoiceLine td{
    width: 100px;
}

.enrollmentSummary {
    width: 100%;
}

.enrollmentSummary .invoice, 
.enrollmentSummary .calendarItem  {
    width: 50%;
    vertical-align: top;
}

.enrollmentSummary .EventsCalendarItem{
}
.enrollmentSummary .calendarItem .title, 
.enrollmentSummary .calendarItem .description, 
.enrollmentSummary .calendarItem .backButton,
.enrollmentSummary .calendarItem .price,
.invoice .invoiceLine,
.invoiceLines .personName {
    display: none;
}

.enrollmentSummary .calendarItem .location, 
.enrollmentSummary .calendarItem .date {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    padding-bottom: 0px;
    line-height: inherit;
    padding-left: 5px;
}
.enrollmentSummary .EventsCalendarItem,
.ContentItemInvoiceSummary {
    margin-bottom: 10px;
}
.ContentItemInvoiceSummary .personName {
    height: 0px;
}
.ContentItemPaymentOptionSelector {
    width: 250px;
}