/* CSS for Custom Flux DotNetNuke skin ----------- */
/* Created by Tyler Fawcett - Feb 2008 ----------- */
/* http://tfdnn.com  -- tf@tylerfawcett.com ------ */


/* Universal ------------------------------ */

html {height: 100%;}
body {background: #fff;	margin: 0; height: 100%;
      font-size: 12px;}
table, tr, td, p, font 
{
    font-family: verdana, sans-serif; line-height: 1.4em;
    font-size: 12px;
    margin-top: 0px;
}

hr {height: 1px; color: #bbb;}


/* DNN Control Panel ---------------------- */

td#dnn-controls-row {background:url(control-panel-bg.gif) repeat-x bottom #fafafa; border: 0; padding: 0; height: 0;}
table.ControlPanel {background:url(control-panel-bg-lt.gif) repeat-x bottom #fcfcfc; border: 0; border-left: 1px solid #eee; border-right: 1px solid #eee;}
table.ControlPanel td {padding: 0px 0 6px 0;}
table.ControlPanel td td.SubHead {padding: 3px 0 0px 0; background: #f1f1f1;}
table.ControlPanel td td td.SubHead {background: transparent; border: 0;}
table.ControlPanel td td {vertical-align: middle;}
table.ControlPanel table td {padding: 1px 0 0 0;}
table.ControlPanel .ControlPanel {border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 0; border-bottom: 0; width: 0px; height: 100px; display: none;}
td#dnn-controls-row table.site-width-full {width: 100%;}


/* Framework -------------------------- */

table#cus {margin-bottom: -20px;}
td#header-row {height: 10px; background: url(header-bg.gif) top repeat-x; border-top: 1px solid #fff; padding-top: 10px;}
#breadcrumb-row {height: 39px; background: url(breadcrumb-bg.gif) repeat-x;}
td#menu-row 
{
    height: 43px; 
    background: url(tab-off-cus.gif) bottom left repeat-x;
}
#content-row {height: auto; padding-top: 15px;}
td#content-row a img, td#baseline-row a img, td#header-row a img {border: 0;}
td#content-row a:hover img, td#baseline-row a:hover img, td#header-row a:hover img {border: 0;}
table.site-width-narrow {width: 770px;}
table.site-width-wide 
{
    width: 960px;
}
table.site-width-full {width: 96.5%;}
td.logo-td {padding: 10px 30px 15px 0; width: 1px; white-space: nowrap;}
td.header-pane {padding: 7px 0px 0px 0px; text-align: right;}
td.search-td {padding: 0 0 5px 0; text-align: right; color: #777; font-size: 12px;}
td.menu-td {padding: 0 0 0 0px; width: 1px; background: url(menu-cap.gif) top left no-repeat transparent; font-size: 11px;}
#menu-edge-right {width: 2px; background: url(menu-cap.gif) no-repeat; margin: 0 0 0 0; height: 43px; display: block; z-index: 2000;}
td.breadcrumb-td {font-size: 12px; color: #aaa; padding-top: 8px;}
td.login-td {text-align: right; font-size: 11px; padding-top: 8px;}
td.login-td img, td.privacy-td img {height: 1px; width: 20px; margin: 0; padding: 0; border: 0;}
td.copyright-td {padding: 7px 0 0 0; font-size: 12px;}
td.privacy-td {padding: 7px 0 0 0; text-align: right; font-size: 12px;}


td.content-td
{
    vertical-align: top;
}
td.rightcolumnpanewrapper
{
    width: 234;  
    vertical-align: top;
    padding-left: 20px; 
    padding-bottom: 10px;
}
div.rightcolumnpane
{    
}
td.content-top 
{
    padding-bottom: 10px; 
}
td.content-left
{
    width: 34%; 
    padding-right: 20px; 
    padding-bottom: 0px;
}

td.content-left-fiftypercent
{
    width: 50%; 
    padding-right: 10px; 
    padding-bottom: 10px;
}

td.content-center 
{
    padding-bottom: 0px;
}
td.content-center-fiftypercent
{
    width: 50%; 
    padding-bottom: 10px;
    padding-left: 10px; 
    padding-right: 0px
}


td.content-right 
{
    width: 34%; 
    padding-left: 20px; 
    padding-bottom: 10px;
}
td.content-bottom 
{
    padding-bottom: 10px;
}



td#baseline-row {height: 1px; padding-bottom: 20px;}
td#baseline-row table.site-width-narrow {}
td.content-baseline {}
#footer-row {height: 60px; background: url(foot-bg-cus.gif) top repeat-x #707070;}
#footer-row-print {height: 60px; }

/* Links -------------------------- */

/* basic links */
a:link, a:visited, a:active {font-family: verdana, sans-serif;	font-weight: normal; font-size: 12px; text-decoration: underline; font-weight: normal; line-height: 1.4em;}
a:hover {font-family: verdana, sans-serif; font-weight: normal; font-size: 12px; text-decoration: none; font-weight: normal; line-height: 1.4em;}

/* register and login/logout links */
a.login-link:link, a.login-link:visited, a.login-link:active {text-decoration: none; font-weight: normal;}
a.login-link:hover {text-decoration: underline; font-weight: normal;}

/* breadcrumb links */
a.breadcrumb-link:link, a.breadcrumb-link:visited, a.breadcrumb-link:active {text-decoration: underline; font-weight: bold;}
a.breadcrumb-link:hover {text-decoration: none; font-weight: bold;}

/* admin and host function links */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {text-decoration: underline; font-weight: normal; color: #333;}
a.CommandButton:hover {text-decoration: none; font-weight: normal; color: #333;}

/* for normal links */
a.Normal:link, a.Normal:visited, a.Normal:active {text-decoration: underline;}
a.Normal:hover {text-decoration: none;}

/* for white links */
a.white:link, a.white:visited, a.white:active {text-decoration: underline; color: #fff;}
a.white:hover {text-decoration: none; color: #fff;}

/* footer links */
a.footer-link:link, a.footer-link:visited, a.footer-link:active {font-size: 12px; text-decoration: none; font-weight: normal;}
a.footer-link:hover {font-size: 12px; text-decoration: underline; font-weight: normal;}




/* Text -------------------------- */

/* current date */
.current-date 
{
    color: #aaa;
    font-size:12px;
}


/* copyright */
.CopyrightText {color: #fff; font-size: 12px;}
.CopyrightTextPrint {color: #000; font-size: 12px;}
/* used in admin sections */
.SubHead, .SubHead font {font-family: verdana, sans-serif; font-size: 12px; font-weight: bold; color: #555; padding: 0;}


/* module titles */
.Head {font-family: verdana, sans-serif; font-size: 13px; text-decoration: none; color: #555; font-weight: normal; white-space: nowrap;}
td.ctr-title-gry .Head {color: #444;}
td.ctr-header-title .Head {color: #fff;}

/* colored - used for warnings and such */
.NormalRed {color: #900; font-family: verdana, sans-serif;	font-weight: bold; font-size: 12px;	line-height: 1.4em;}

/* bold text */
.NormalBold {font-family: verdana, sans-serif;	font-size: 12px; font-weight: bold;	color: #555; line-height: 1.4em;}

/* normal text */
.Normal {font-family: verdana, sans-serif; font-size: 12px; color: #555; line-height: 1.4em;}

/* headers */
h1, h2, h3, h4, h5, h6 
{
    font-family: verdana, sans-serif;     
    color: #97be0d;
}
h1 {font-size: 15px;}
h2 
{
    font-size: 14px;
    font-weight: bold;
    color: #97be0d;
    margin-bottom:0px;
    margin-top:5px;

}
h3 {font-size: 13px;
    font-weight: bold;
    color: #555555;
}
h4 {font-size: 12px;}
h5 {font-size: 12px; font-weight: bold;}




/* Forms ----------------------------- */

/* catch-all */
select, input {font-family: verdana, sans-serif; font-size: 12px; color: #555;}

/* Applies to text input boxes */
.NormalTextBox {font-family: verdana, sans-serif; font-size: 12px; color: #555;}

/* table cells that contain text input boxes */
td.NormalTextBox {padding: 0; margin: 0; background: transparent; visibility: invisible; color: #555;}
#dnn_dnnSEARCH_txtSearch.NormalTextBox {line-height: 14px; width: 140px; padding: 0px 3px 0 3px; height: 22px; color: #555; cursor: text; background: #f8f8f8; margin-left: 6px;}

/* for the search input box */
td.search-bg input {height: 20px;}

/* button in search area */
.search-td a:link, .search-td a:visited, .search-td a:active, .search-td a:hover {width: 56px; padding: 2px 50px 5px 0; _padding: 0 0 5px 0; height: 20px; background: url(search-btn.gif) no-repeat; text-decoration: none;}




/* Main Menu ----------------------------- */

.MainMenu_MenuContainer {background: transparent; width: 1px;}
.MainMenu_MenuContainer td {font-size: 0px; font-weight: normal;}

/* idle state of submenu items */
.MainMenu_MenuItem {font-family: verdana, sans-serif; font-size: 11px; font-weight: normal;	color: #666; background: #f8f8f8; border: #f8f8f8 1px solid; padding: 3px 10px 4px 8px;}

/* hover state for submenu items */
.MainMenu_MenuItemSel {font-family: verdana, sans-serif; font-size: 11px; font-weight: normal; color: #333;	background: #eaeaea; border: #eaeaea 1px solid; padding: 3px 10px 4px 8px;}

/* box for submenu */
.MainMenu_SubMenu {z-index: 1000; margin: 1px 0px 0px -2px;	background-color: #f8f8f8; border: 1px solid #ddd; border-left: 3px solid #ccc;	padding: 0px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=3);}

/* menu arrows for DNN4.3.7 and earlier */
/*
.MainMenu_MenuArrow {padding: 0 8px 0 0px; border: #f6f6f6 solid; border-width: 1px 1px 1px 0; text-align: right;}
*/

/* menu arrows for DNN4.4.1+ */
.MainMenu_MenuArrow {padding: 0 10px 0 0px; border: #f6f6f6 solid; border-width: 0 0 0 0; text-align: right;}

/* idle state of main menu items */
.MainMenu_Idle td 
{
    margin: 0; 
    padding: 0 0 0px 0; 
    height: 43px; 
    background: url(tab-off-cus.gif) repeat-x scroll bottom left;
}
.MainMenu_Idle td span {color:#777; font-size: 11px; font-weight: bold; line-height: 1.4em;}

/* hover state of main menu items */
.MainMenu_Selected td 
{
    margin: 0; 
    padding: 0 0 0px 0; 
    height: 43px; 
    background: url(tab-off-cus.gif) repeat-x scroll bottom left; 
    font-family: verdana, sans-serif;}
.MainMenu_Selected td span {color:#333; font-size: 11px; font-weight: bold; line-height: 1.4em;}

/* active/selected state of main menu items */
.MainMenu_BreadcrumbActive td, .MainMenu_Active td 
{
    margin: 0; 
    padding: 0 0 4px 0; 
    height: 43px; 
    background: url(tab-on-cus.gif) repeat-x;}
.MainMenu_BreadcrumbActive td span, 
.MainMenu_Active td span {color: #fff; font-size: 11px; font-weight: bold; line-height: 1.4em;}

/* items we don't need to see */
.MainMenu_RootMenuArrow, .MainMenu_MenuIcon {display: none;}
.MainMenu_MenuBreak {width: auto; border: 0;}




/* Module Menus ------------------------ */

/* Outer cntainer for module submenu */
.ModuleTitle_MenuContainer {}

/* Inner container for module submenu */
.ModuleTitle_MenuBar {}

/* Idle state for module submenu items */
.ModuleTitle_MenuItem {font-family: verdana, sans-serif; font-size: 12px; color: #555; font-weight: normal;	background: #f7f7f7; border: #f7f7f7 1px solid;	padding: 1px 10px 2px 0px;}

/* Inner, inner container for module submenu (?) */
.ModuleTitle_SubMenu {z-index: 1000; margin: 1px 0px 0px 0px; background-color: #f7f7f7; border: 1px solid #ccc; padding: 0px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3);}

/* Hover state for module submenu items */
.ModuleTitle_MenuItemSel {font-family: verdana, sans-serif;	font-size: 12px; font-weight: normal; color: #333; background: #ddd; border-left: #ddd 1px solid; border-right: #ddd 1px solid;	padding: 1px 10px 2px 0px;}

.ModuleTitle_MenuIcon {border: 1px solid #eee; padding: 0 3px 0 3px;}

/* elements we don't need to see */
.ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow {display: none;}




/* Color variations -------------------------- */

/* custom */
#cus td#menu-row {height: 43px; background: url(tab-off-cus.gif) bottom repeat-x;}
#cus #footer-row {background: url(foot-bg-cus.gif) top repeat-x #9fc312;}
#cus .MainMenu_Idle td, #cus .MainMenu_Selected td {background: url(tab-off-cus.gif) repeat-x;}
#cus .MainMenu_Active td, #cus .MainMenu_BreadcrumbActive td {background: url(tab-on-cus.gif) repeat-x;}
#cus .ctr-title .Head {color: #97be0d;}
.submenu-cus {border-left: 3px solid #97be0d; margin: 1px 0px 0px -5px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=3)}

#cus a:link, #cus a:visited, #cus a:active, #cus a:hover, #cus a.CommandButton:link, 
#cus a.CommandButton:visited, #cus a.CommandButton:active, #cus a.CommandButton:hover, 
#cus a.Normal:link, #cus a.Normal:visited, #cus a.Normal:active, #cus a.Normal:hover, 
#cus a.breadcrumb-link:link, #cus a.breadcrumb-link:visited, #cus a.breadcrumb-link:active, 
#cus a.breadcrumb-link:hover 
{
    color: #97be0d;
}
#cus td.privacy-td a:link, #cus td.privacy-td a:visited, #cus td.privacy-td a:active, 
#cus td.privacy-td a:hover 
{
    color: #fff;
}


/* SDGN Article Styles */

.sdgncode, .code
{
    font-family: "Courier New" , Courier, mono;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #999999;
    color: #333333;
    background: #eeeeee;
    margin: 0;
    padding: 10px;
}
    
.sdgncode P, .code P {
    font-family: "Courier New", Courier, mono;	
    margin: 0;
  }

.sdgnquote, .quote {
    background-color: #97be0d;
/*    background: #97be0d url(quote-left3.gif) no-repeat scroll top left; /*#bdd564;*/ 
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    margin: 0; 
    padding: 10px;
  }

.sdgnquote p, .quote p {
    margin: 0;  
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
  }

.sdgnpicture {
    font-size: 12px;
    padding: 4px 0 4px 0;
  }

.sdgnImage {
    font-size: 12px;
    padding: 4px 0 4px 0;
    margin: 0px 0px 0px 0px;
  }

.sdgnfiguretitle {
    font-size: 12px;
    font-family:Verdana;
    font-style:italic;
    margin: 0px 0px 10px 0px;
    padding: 0;
  }

.sdgntable {
    background:#CCFFCC;
    font-size: 12px;
    margin: 8 4 4 4;
    padding: 2 0 2 2;
    border: 1px solid #999999;
}

/* End Style Sheet ---------------------- */
#content-row a.Normal:link, #content-row a.Normal:visited, #content-row a.Normal:active, #content-row a.Normal:hover,
#content-row a, #content-row a:link, #content-row a:visited, #content-row a:active, 
#content-row a.CommandButton, #content-row a.CommandButton:link, #content-row a.CommandButton:visited, #content-row a.CommandButton:active 
{
    font-family: verdana, sans-serif;	
    font-weight: normal; 
    font-size: 12px; 
    text-decoration: underline; 
    font-weight: normal; 
    line-height: 1.4em;
    color: #555555;
/*    border-bottom: solid 1px #97BE0D; */
}

#content-row a img,
#content-row a:link img,
#content-row a:active img,
#content-row a:visited img,
#content-row a:hover img
{
    border-bottom: solid 0px #97BE0D;
}
#content-row a.Normal:hover,
#content-row a:hover, #content-row a.CommandButton:hover  
{
    font-family: verdana, sans-serif; 
    font-weight: normal; 
    font-size: 12px; 
    text-decoration: underline; 
    font-weight: normal; 
    line-height: 1.4em;
    color: #97BE0D;
}

.articleTopCell
{
    background-color: #97be0d;
}

.artikelenlijst
{
    text-align: left;
    width: auto;
    padding: 3px 0 10px 10px;
    border-bottom: solid 0px #999999;
    background-color: #eeeeee;
    text-align: left;
}
.artikelenlijstnieuws
{
    padding: 3px 0 0px 0px;
    background-color: #ffffff;
    text-align: left;
}

.CardContentCellAlternate 
{ 
    background-color: #ffffff;
}

.artikelcompleet
{
    width: 100%;
    text-align: left;
    padding: 5px 0px 5px 0px;
    clear: both;
}
/* .artikelcompleet strong, .artikelcompleet b
{
    color: #666666;
}
.artikelcompleet h2
{
    clear: both;
}
*/

.artikelmetadata
{
    float: right;
    width: 300px;
    padding: 10px 10px 10px 10px;
    margin: 0 0px 0  5px;
    background-color: #ffffff;
    border: solid 2px #97be0d;
}
#cus .artikelmetadata a:link, #cus .artikelmetadata a:visited
{
    border: solid 0px #999999;
}

#cus .artikelcompleet h1, #cus .artikeltitel a, #cus .artikeltitel a:link, #cus .artikeltitel a:hover, #cus .artikeltitel a:visited, #cus .artikeltitel a:active
{
    font-weight: bold;
    font-size: 13px;
    color: #555555;
    text-decoration: underline;
/*    text-transform: uppercase; */
/*    color: #97be0d; */
    border: solid 0px #999999;
}

#cus .artikelcompleet h1
{
/*    text-transform: uppercase;*/
    color: #97be0d;
}

#cus .artikeltitel a:hover
{
    text-decoration: underline;
    color: #97be0d;
/*    border-bottom: solid 1px #97BE0D; */
}

#cus .artikelmetabeschrijving, #cus .artikelmetabeschrijving a, #cus .artikelmetabeschrijving a:link, #cus .artikelmetabeschrijving a:visited
{
    padding: 5px 0 0px 0;
    color: #777777;
    font-size:9px;
}

#cus .artikelmetabeschrijving a:hover, #cus .artikelmetabeschrijving a:active
{
    color: #97be0d;
}

.artikelsamenvatting
{
    padding: 5px 0 10px 0;
}

.artikelsamenvatting p
{
    display: inline;
}


/*agenda front page*/
#cus td.FrontAgenda, #cus td.FrontAgenda a {font-size:9px }

#cus td.FrontAgenda a:hover, #cus td.FrontAgenda a:active, #cus td.FrontAgenda a:visited {font-size:9px }

#cus .FrontAgendaTable {margin-top:0px; margin-left:-2px}

/*survey*/
.surveyresults {margin-left:-5px}

.randomview .photo-frame {
margin:10px 0px 4px;
}

#cus .NormalSmall, #cus .NormalSmall a, #cus .NormalSmall a:hover, #cus .NormalSmall a:active, #cus .NormalSmall a:visited {font-size:9px}

/* ================================
    CSS STYLES FOR Module CodeCamp
   ================================
*/
.RegisterStatusNotRegistered
{
	font-size: 11pt;
	color: red;
}

.RegisterStatusRegistered
{
	font-size: 11pt;
	color: green;
}

.CodeCampHead
{
color:#97BE0D;
font-family:verdana,sans-serif;
font-size:15px;
font-weight:bold;
white-space:nowrap;
}

.SpeakerHead
{
	font-family: Arial;
	font-weight: bold;
	font-size: medium;
	color: Gray;
}
.SessionHead
{
    font-weight: bold;
    font-size: 13px;
    color: #555555;
    text-decoration: underline;
    border: solid 0px #999999;
}
/* ================================
    CSS STYLES FOR CODE CAMP AGENDA
   ================================
*/
.AgendaTable
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	width:850px;
	
}
.AgendaDateHeader
{
    font-family: verdana, sans-serif;
    font-size: 15px;
    font-weight: bold;
    white-space: nowrap;
    color:#97BE0D;
    text-align: left;
    background-color: White;
    /*border-bottom: 1px solid #97be0d;*/
}
.AgendaTimeHeader
{
	font-size: 11pt;
	font-weight: bold;
	background-color: White;
	text-align: center;
	width:50px !important;
}
.AgendaTimes
{
    border: 1px solid #000000;
    font-weight: bold;
    font-size: 8pt;
    background-color: white;
    text-align: center;
    vertical-align: top;
    width:50px
}


.DotNetAgendaHeader, .DotNetSessionHead
{
	font-size: 11pt;
	font-weight: bold;
	color: white;
	background-color: #33CCFF;
	text-align: center;
}
.DotNetAgendaHeader
{
    border: 1px solid #000000;
}
.IWAgendaHeader, .IWSessionHead
{
	font-size: 11pt;
	font-weight: bold;
	color: white;
	background-color: #00CC00;
	text-align: center;
}
.IWAgendaHeader
{
    border: 1px solid #000000;
}
.UXAgendaHeader, .UXSessionHead
{
    border: 1px solid #000000;
	font-size: 11pt;
	font-weight: bold;
	color: black;
	background-color: #99FF99;
	text-align: center;
}
.UXAgendaHeader
{
    border: 1px solid #000000;
}
.DNNAgendaHeader, .DNNSessionHead
{
    border: 1px solid #000000;
	font-size: 11pt;
	font-weight: bold;
	color: white;
	background-color: #FF66FF;
	text-align: center;
}
.DNNAgendaHeader
{
    border: 1px solid #000000;
}
.DelphiAgendaHeader, .DelphiSessionHead
{
    border: 1px solid #000000;
	font-size: 11pt;
	font-weight: bold;
	color: white;
	background-color: #FF0000;
	text-align: center;
}
.DelphiAgendaHeader
{
    border: 1px solid #000000;
}
.CSAgendaHeader, .CSSessionHead
{
    border: 1px solid #000000;
	font-size: 11pt;
	font-weight: bold;
	color: black;
	background-color: #FFFF66;
	text-align: center;
}
.CSAgendaHeader
{
    border: 1px solid #000000;
}
.ARAgendaHeader, .ARSessionHead
{
    border: 1px solid #000000;
	font-size: 11pt;
	font-weight: bold;
	color: white;
	background-color: #6600FF;
	text-align: center;
}
.ARAgendaHeader
{
    border: 1px solid #000000;
}
.DBAgendaHeader, .DBSessionHead
{
    border: 1px solid #000000;
	font-size: 11pt;
	font-weight: bold;
	color: Black;
	background-color: #FF9933;
	text-align: center;
}
.DBAgendaHeader
{
    border: 1px solid #000000;
}

.TrackSession
{
    border: 1px solid #000000;
	font-weight: bold;
	font-size: 8pt;
	color: gray;
	font-family: arial;
	background-color: white;
	text-align: center;
	width:100px;
}
.RegistrationSession
{
	font-family:arial; 
	font-size: 8pt;
	font-weight: bold;
	background-color: gainsboro;
	text-align: center;
}
.KeynoteSession
{
	font-family:arial; 
	font-size: 8pt;
	font-weight: bold;
	background-color: gainsboro;
	text-align: center;
}
.LunchSession
{
	font-family:arial; 
	font-size: 8pt;
	font-weight: bold;
	background-color: gainsboro;
	text-align: center;
}
.ClosingSession
{
	font-family:arial; 
	font-size: 8pt;
	font-weight: bold;
	background-color: gainsboro;
	text-align: center;
}

.InactiveSession
{
	font-family:arial; 
	font-size: 8pt;
	font-weight: bold;
	background-color: gainsboro;
	text-align: center;
}