/* The old site's style sheets, as they were (DNN 6 default.css, the Gravity skin, the
   DarkKnightMobile and Gravity containers, the content slider module), in the order the
   old pages loaded them. Copied from the live site on 20 October 2026 (CITSPL-PROMPT 21).
   Only changed: #Body (DNN's body id) is body, and the pictures' addresses point into this
   theme (the footer's globe picture, missing on the live site, is left out).
   Changes for WordPress and phones are in ileana.css, not here. */

/* ==== Portals/_default/default.css ==== */
/* CSS Document */

/* ---------------------------------------------------------
	
	* Filename:				defualt.css
	* Description: 			sets typography, basic grids, 
							and standard formstyles
	* Version:				1.0.0 (2012-06-16)
	* Author:				Ryan Martinez
	
	== INDEX ===============================================
	
	$__generic classes		classes used globally, should be at bottom to prevent semantic inheritance
	
------------------------------------------------------------*/


/*-------------------------------------*/
/* RESET */
/*-------------------------------------*/

    /* http://meyerweb.com/eric/tools/css/reset/
    v2.0 | 20110126
    License: none (public domain)
    */

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    caption, article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
	    margin: 0;
	    padding: 0;
	    border: 0;
	    font-size: 100%;
	    font: inherit;
	    vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
	    display: block;
    }

    ol, ul {
	    list-style: none;
    }
    blockquote, q {
	    quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
	    content: '';
	    content: none;
    }

    html, button, input, select, textarea { font-family: sans-serif; color: #222; }
   
    /*
     * Remove text-shadow in selection highlight: h5bp.com/i
     * These selection declarations have to be separate
     * Also: hot pink! (or customize the background color to match your design)
     */

    ::-moz-selection 	{ background: rgba(2,139,255,1); /* blue */ color: #fff; text-shadow: none; }
    ::selection 		{ background: rgba(2,139,255,1); /* blue */ color: #fff; text-shadow: none; }

    /* Improve readability of pre-formatted text in all browsers */
    pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

    /* Position subscript and superscript content without affecting line-height: h5bp.com/k */
    sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
    sup { top: -0.5em; }
    sub { bottom: -0.25em; }

	body{
		color:#444;
		font-size:12px; 
		line-height:18px; 
		font-family:Arial, Helvetica, sans-serif;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
	}

/*-------------------------------------*/
/* HEADER STYLES */
/*-------------------------------------*/
	
	h1, h2, h3, h4, h5, h6 {
		display:block;
		color: #FFFF00;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 38px; line-height: 54px; letter-spacing:-0.03em; margin-top:8px; margin-bottom: 10px; }
	h2 { font-size: 32px; line-height: 36px; letter-spacing:-0.03em; margin-top:8px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 36px; letter-spacing:-1px; margin-top:8px; margin-bottom: 10px; }
	h4 { font-size: 22px; line-height: 36px; letter-spacing:-1px; }
	h5 { font-size: 16px; line-height: 18px; }
	h6 { font-size: 14px; line-height: 18px; }
	
	/* Module titles */
	.Head  
	{
	    display:inline-block;
	    margin-bottom:6px; 
	    border-bottom:1px solid #ddd; 
	}

	/* Some old forge modules use .Head, .SubHead, .SubSubHead in table td, We keep this to be compatible */
	td.Head, td.SubHead, td.SubSubHead 
	{
	    display: table-cell;
	    margin-bottom: 0;
	    border-bottom: none;  
    }
	input[type="image"] + span.Head, input[type="image"] + span.SubHead{ display: inline; }

/*-------------------------------------*/
/* PARAGRAPH STYLES */
/*-------------------------------------*/
	p{	margin: 0 0 18px 0;} /* margin bottom is equal to line-height */
	p img { margin: 0;  }
	
	em, i { font-style: italic; }
	strong, b { font-weight: bold; }
	small { font-size: 80%; }
	
	/* Set text size in moodules*/
	.Normal, 
	.NormalDisabled, 
	.NormalDeleted{	
		color:#FFF;
		font-size:12px; 
		font-weight:normal;
		line-height:18px; 
	}
	
	/* disabled text styles */
	.NormalDisabled, 
	.NormalDeleted{	color:#999;}
	
	/* text style used for help text rendered by modules */
	.Help 
	{
	    padding:2px;
	    border:#000 1px solid;
	    background-color:#ff9;
	    
	    font-weight:normal;
	    font-size:11px;
	    color:#000;
	}
	/* text style used for rendered text which requires emphasis */
	.NormalBold	
	{
	    font-weight: bold; 
	    color: #222;
	}
	
	/* text style used for error messages */
	.NormalRed		
	{
	    font-weight: bold; 
	    color: red;
	}
	
	/* text style used for rendered text which should appear deleted */
	.NormalDeleted{	text-decoration:line-through;}
	
	/*	Blockquotes  */
	blockquote, blockquote p  
	{
	    font-size: 17px; 
	    line-height: 24px; 
	    color: #777; 
	    font-style: italic;
    }
	blockquote  
	{
	    margin: 0 0 20px; 
	    padding: 9px 20px 0 19px; 
	    border-left: 1px solid #ddd; 
    }
	blockquote cite  
	{
	    display: block; 
	    font-size: 12px; 
	    color: #555; 
    }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
	
	hr  
	{
	    clear: both;
	    margin: 17px 0 17px; 
	    height: 0;
	    border: solid #ddd; 
	    border-width: 1px 0 0; 
	 }

/*-------------------------------------*/
/* ANCHOR STYLES */
/*-------------------------------------*/
	a, a:visited  
	{
	    color: rgb(2,139,255);/*blue*/
	    text-decoration: underline;
	    outline: 0;
    }
	a:hover, a:focus, a:active  
	{
	    color: #222; 
	    outline: 0; 
    }
	p a, p a:visited { line-height: inherit; }

/*-------------------------------------*/
/* IMAGE STYLES */
/*-------------------------------------*/
	img.dnn-scale-img 
	{	    
		max-width: 100%;
		height: auto; 
	}
	img  
	{
	    border: 0; 
	    -ms-interpolation-mode: bicubic; 
	    vertical-align: middle; 
    }

/*-------------------------------------*/
/* lIST STYLES */
/*-------------------------------------*/
	ul, ol { margin-bottom: 18px; margin-left:18px;  }
	ul { list-style: square outside; }
	ol { list-style: decimal; }
	
	/* Nested Styles */
	ul ul, ul ol,
	ol ol, ol ul { margin-left:18px; margin-bottom:0;}
	ol ol { list-style:lower-roman; }
	li p { line-height: 18px; }

/*-------------------------------------*/
/* MESSAGE STYLES */
/*-------------------------------------*/
	.dnnFormMessage{
		display:block;
		padding:17px 18px; margin-bottom:18px;
		border:1px solid rgba(2,139,255,0.2);/* blue */
		background:rgba(2,139,255,0.15);/* blue */		
		-webkit-border-radius: 3px;
		border-radius: 3px;
	    max-width: 980px;
	}
	.dnnFormMessage.dnnFormError, 
	.dnnFormMessage.dnnFormValidationSummary{
		background-color:rgba(255,0,0,0.15); /* red */
		border-color:rgba(255,0,0,0.2); /* red */
	}
	.dnnFormMessage.dnnFormWarning{
		background-color:rgba(255,255,0,0.15); /* yellow */
		border-color:#CDB21F; /* yellow */
	}
	.dnnFormMessage.dnnFormSuccess{
		background-color:rgba(0,255,0,0.15); /* green */
		border-color:rgba(0,255,0,0.5); /* green */
	}

/*-------------------------------------*/
/* TABLE STYLES */
/*-------------------------------------*/
	.dnnTableDisplay 
	{
	    margin-bottom:18px; 
	    border:1px solid #d1d1d1; border-left:0; border-bottom:0; 
	}
	.dnnTableDisplay td, .dnnTableDisplay th { 
		padding:5px 9px;
		border-bottom:1px solid #d1d1d1;
	}
	.dnnTableDisplay th{
		padding:0;
		border-left:1px solid #d1d1d1;
		-webkit-box-shadow:  	1px 0px 0px 0px rgba(255, 255, 255, 0.9);
		box-shadow:  			1px 0px 0px 0px rgba(255, 255, 255, 0.9);
	}
	.dnnTableDisplay th > span, 
	.dnnTableDisplay th > a 
	{
	    display:block; 
	    padding:5px 9px;
    }
	.dnnTableDisplay td:first-child{border-left:1px solid #cfcfcf;}
	.dnnTableDisplay label{display:inline; padding-left:5px;}
	.dnnTableDisplay caption{display:none;}

    /* thead styles */
	.dnnTableDisplay th{
		background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* IE10+ */
		background: linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* W3C */
		
		text-align:left;
		text-shadow: 1px 1px 0px rgba(255,255,255,0.8);
		color:#555;
	}
	
	.dnnTableDisplay th a, .dnnTableDisplay th label {
		font-weight:normal;
		color:#555;
		text-decoration:none;
	}
	.dnnTableDisplay th a{padding:8px 9px;}
	.dnnTableDisplay th a:hover{
		background: #fefefe; /* Old browsers */
		background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* IE10+ */
		background: linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* W3C */
		
		color:#555;
	}
	.dnnTableDisplay th a:active{
		border-color:#999;
	
		background: #c6c6c6; /* Old browsers */
		background: -moz-linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* IE10+ */
		background: linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* W3C */
		-webkit-box-shadow:  	inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
		box-shadow:  			inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
	}
    /* tbody styles */
	.dnnTableDisplay tr:nth-child(2n) td{ background:rgba(0,0,0,0.04); }
	.dnnTableDisplay tr:hover td{ background:rgba(2,139,255,0.15);/* blue */}

    /* tfooter styles */
	.dnnTableDisplay tfoot tr:hover td{ background:none; }

    /* table filter styles */
	.dnnTableFilter{ margin-bottom:18px; background:rgba(0,0,0,0.04);}
	.dnnTableFilter .dnnTableDisplay{margin-bottom:0;}
	
	.dnnFilterSet{ padding:18px; }
	.dnnFilterSet label{display:inline-block;}
	.dnnFilterSet input, 
	.dnnFilterSet select{display:inline-block; margin:0 5px;}

    /* table filter vertical styles */
	.verticalFilter .dnnFilterSet 
	{
	    float:left; 
	    width:20%; 
	    padding: 2% 18px;
    }
	.verticalFilter .dnnTableDisplay{ float:right; width:75%;} 	
	.verticalFilter input[type=search], .verticalFilter select, .verticalFilter input[type=text]{
		margin:0; 
		width:100%;
		
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */		
	}

/*-------------------------------------*/
/* PAGINATION & RESULT STYLES */
/*-------------------------------------*/
	.dnnResults{float:left; margin-bottom:0;}
	.dnnPagination{
		float:right;
		margin:0; padding:0;
	}
	.dnnPagination li{
		float:left;
		list-style:none;
	}
	.dnnPagination li a, .dnnPagination li span {
		display:inline-block;
		padding:0 5px;
		text-decoration:none;
		color:#666;
	}
	.dnnPagination li a:hover{
		text-decoration:underline;
		color:#222;
	}
	.dnnPagination li span{
		color:#222;
		text-decoration:underline;
	}

/*-------------------------------------*/
/* FORM STYLES */
/*-------------------------------------*/

	.dnnFormItem input[type="text"],
	.dnnFormItem select,
	.dnnFormItem textarea,
	.dnnFormItem input[type="email"],
	.dnnFormItem input[type="search"],
	.dnnFormItem input[type="password"]
	{
	    margin-bottom:18px;
		padding:8px;
		
		background: #ffffff;
		border:1px solid #c9c9c9;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1) ;
		box-shadow: 		0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1) ;
		
		color:#555;
		font-size:12px;
	}

	.dnnFormItem input.aspNetDisabled, 
	.dnnFormItem textarea.aspNetDisabled{
		background:#ebebeb;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
		border-color:#a7a7a7;
		border-width:1px;
	}
	.aspNetDisabled, a.aspNetDisabled, 
	.dnnDisabled, a.dnnDisabled{
		color:#ccc;
		cursor:not-allowed;
		text-decoration:none;
	}

	/* Active and Focus States */
	.dnnFormItem input[type="text"]:active, .dnnFormItem input[type="text"]:focus, 
	.dnnFormItem input[type="password"]:focus,.dnnFormItem input[type="password"]:active,
	.dnnFormItem input[type="email"]:active, .dnnFormItem input[type="email"]:focus, 
	.dnnFormItem select:active, .dnnFormItem select:focus,
	.dnnFormItem textarea:active, .dnnFormItem textarea:focus,
	.dnnFormItem input[type="search"]:active, .dnnFormItem input[type="search"]:focus 
	{
	    background:#fff;
		border:1px solid rgba(2,139,255,0.5);/* blue */
		-webkit-box-shadow: 0px 0px 3px 0px rgba(2, 139, 255, 0.4);
		box-shadow: 0px 0px 3px 0px rgba(2, 139, 255, 0.4); 
		color:#333;
	}
	/* Required Fields */
	.required label:after, 
	legend.required:after{
		display:inline-block;
		margin-top:-2px; margin-left:9px;
		padding:1px 9px; 
		
		border:1px solid rgba(0,0,0,0.1);
		border-radius: 3px; 
		-webkit-border-radius: 3px;
		background:rgba(0,0,0,0.03);
		
		content:'Required';
		font-weight:normal;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:11px; 
		font-style:italic;
		color:#777;
	}
	
	/* Error Styles */
	.error label, legend.error{
		color:rgba(255,0,0,0.9); /* opaque red*/
	}
	.error input[type="text"],
	.error select,.error textarea,
	.error input[type="email"],
	.error input[type="search"]
	{
	    border:1px solid rgba(255,0,0,0.6);  /* opaque red*/
		color:rgba(255,0,0,0.7);  /* opaque red*/
	}

	/*
	 * 1. Display hand cursor for clickable form elements
	 * 2. Allow styling of clickable form elements in iOS
	 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
	 */
	
	.dnnFormItem button, .dnnFormItem input[type="button"], 
	.dnnFormItem input[type="reset"], 
	.dnnFormItem input[type="submit"],
	.dnnPrimaryAction, 
	.dnnSecondaryAction, 
	.dnnTertiaryAction,
	ul.dnnAdminTabNav li a,
	.dnnLogin .LoginTabGroup span { 
		display:inline-block;
		padding:9px 9px;
		margin-bottom:9px;
		cursor: pointer; 
		min-width:75px;
		
		*overflow: visible;
		border:1px solid #c2c2c2;
		background:#eaeaea;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		
		color:#666666;
		font-weight:bold; 
		text-decoration:none;
		text-align:center;
	}
	
	.dnnFormItem button, .dnnFormItem input[type="button"], 
	.dnnFormItem input[type="reset"], 
	.dnnFormItem input[type="submit"],
	.dnnPrimaryAction, 
	.dnnSecondaryAction, 
	.dnnTertiaryAction{
	    padding: 6px 6px;
	}
	
	/* Primary Action */
	
	.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {
		border-color: #0D569E; /*dark blue*/
		background:#3792ED;
		background: -moz-linear-gradient(top, #358eea 0%, #2170cd 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#358eea), color-stop(100%,#2170cd)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #358eea 0%,#2170cd 100%); /* Chrome10+,Safari5.1+ */
		background: linear-gradient(top, #358eea 0%,#2170cd 100%); /* W3C */
		
		-webkit-box-shadow:  	0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
		box-shadow:  			0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
		
		color:#efefef;
		text-shadow: 0px -1px 0px #185B93;
	}
	
	.dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover{
		border-color:#0D569E;
		background: #6cb6f3; /* Old browsers */
		background: -moz-linear-gradient(top, #6cb6f3 0%, #4387d2 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6cb6f3), color-stop(100%,#4387d2)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #6cb6f3 0%,#4387d2 100%); /* Chrome10+,Safari5.1+ */
		background: linear-gradient(top, #6cb6f3 0%,#4387d2 100%); /* W3C */
		color:#fff;
	} 
	
	.dnnPrimaryAction:active, .dnnFormItem input[type="submit"]:active, a.dnnPrimaryAction:active{
		border-color:#0D569E;
		background: #1f66be; /* Old browsers */
		background: -moz-linear-gradient(top, #1f66be 0%, #3085e0 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f66be), color-stop(100%,#3085e0)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #1f66be 0%,#3085e0 100%); /* Chrome10+,Safari5.1+ */
		background: linear-gradient(top, #1f66be 0%,#3085e0 100%); /* W3C */
		
		-webkit-box-shadow:  	inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
		box-shadow:  			inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
		
		color:#fff;
	} 
	
	.dnnPrimaryAction[disabled], .dnnPrimaryAction[disabled]:hover, .dnnPrimaryAction[disabled]:active
    {
        background:#ccc !important;
	    border: none !important;
	    -webkit-box-shadow: none !important;
        box-shadow: none !important;
        
        color: #aaa !important;
        text-shadow: none;
    }
    
    /* Secondary Action */
	.dnnFormItem button, .dnnFormItem input[type="button"], 
	.dnnFormItem input[type="reset"], 
	.dnnSecondaryAction, 
	a.dnnSecondaryAction,
	ul.dnnAdminTabNav li a,
	.dnnLogin .LoginTabGroup span{
		background: #f5f5f5; /* Old browsers */
		background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* IE10+ */
		background: linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* W3C */
		-webkit-box-shadow:  	0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
		box-shadow:  			0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
		
		text-shadow: 0px 1px 0px #ffffff;
		color:#555;
	}
	
	.dnnFormItem button:hover, .dnnFormItem input[type="button"]:hover, 
	.dnnFormItem input[type="reset"]:hover, 
	.dnnSecondaryAction:hover, 
	a.dnnSecondaryAction:hover, 
	ul.dnnAdminTabNav li a:hover,
	.dnnLogin .LoginTabGroup span:hover{
		background: #fefefe; /* Old browsers */
		background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* IE10+ */
		background: linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* W3C */
		
		color:#555;
	}
	.dnnFormItem button:active, 
	.dnnFormItem input[type="button"]:active, 
	.dnnFormItem input[type="reset"]:active, 
	.dnnFormItem input[type="reset"]:active,
	.dnnSecondaryAction:active,
	a.dnnSecondaryAction:active,
	ul.dnnAdminTabNav li a:active{
		border-color:#999;
		
		background: #c6c6c6; /* Old browsers */
		background: -moz-linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* IE10+ */
		background: linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* W3C */
		-webkit-box-shadow:  	inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
		box-shadow:  			inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
	}
	
	 /* Fix some old forge modules use .dnnPrimaryAction and .dnnSecondaryAction in wrong way */
    span.dnnPrimaryAction > input[type="image"],
    span.dnnSecondaryAction > input[type="image"] {
        display: none;
    }
    
    span.dnnPrimaryAction > a.dnnPrimaryAction,
    span.dnnSecondaryAction > a.dnnSecondaryAction {
        display: inline;
        background: transparent;
        border: none;
        -webkit-box-shadow:  	none;
		box-shadow:  			none;
        
    }
	
	/* Tertiary Action */
	.dnnTertiaryAction, a.dnnTertiaryAction{
		padding:10px 10px;
		border:none;
		background:#eaeaea;
		color:#666666;
	}
	
	.dnnTertiaryAction:hover, a.dnnTertiaryAction:hover{ background:#f2f2f2; }
	.dnnTertiaryAction:active, a.dnnTertiaryAction:active{ background:#d8d8d8; }
	
	/* Action Button behind input */
	.dnnFormItem input[type="text"] + a.dnnPrimaryAction,
	.dnnFormItem input[type="text"] + a.dnnSecondaryAction,
	.dnnFormItem input[type="text"] + a.dnnTerriaryAction{
	    margin-left: 5px;
	}
	
	.dnnFormItem input[type="checkbox"] + span, 
	.dnnFormItem input[type="radio"] + span {
        margin: 5px;
    }
	
	/* text style for buttons and link buttons used in the portal admin pages */
	
	/* button style for standard HTML buttons */
	.StandardButton{border:1px solid blue;}
	
	
	 /* Re-set default cursor for disabled elements */
    .dnnFormItem button[disabled], 
	.dnnFormItem input[disabled]  
	{
	    cursor: default; 
	    opacity:0.5; 
    }
	
	
	 /* Consistent box sizing and appearance */
	.dnnFormItem input[type="checkbox"], 
	.dnnFormItem input[type="radio"]  
	{
	    
	    *width: 13px; *height: 13px; /*why are we using hacks here*/
	    padding: 0;
	    box-sizing: border-box;
    }
	.dnnFormItem input[type="search"]  
	{
	    -webkit-appearance: textfield; 
	    -moz-box-sizing: content-box; 
	    -webkit-box-sizing: content-box; 
	    box-sizing: content-box; 
    }
	.dnnFormItem input[type="search"]::-webkit-search-decoration, 
	.dnnFormItem input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
	

	/* Remove inner padding and border in FF3/4: h5bp.com/l */
	.dnnFormItem button::-moz-focus-inner, .dnnFormItem input::-moz-focus-inner { border: 0; padding: 0; }
	
	/*
	 * 1. Remove default vertical scrollbar in IE6/7/8/9
	 * 2. Allow only vertical resizing
	 */
	
	.dnnFormItem textarea { overflow: auto; vertical-align: top; resize: vertical; }
	
	/* Colors for form validity */
	.dnnFormItem input:valid, .dnnFormItem textarea:valid {  }
	.dnnFormItem input:invalid, .dnnFormItem textarea:invalid { background-color: #f0dddd; } 

/*-------------------------------------*/
/* TAXONOMY */
/*-------------------------------------*/

	/* Horizontal taxonomy styles */
	.horizontal ul.categories,
	.horizontal ul.tags{ list-style:none; }
	.horizontal ul.categories{}
	.horizontal ul.tags{}
	.horizontal ul.categories li,.horizontal ul.tags li{}
	.horizontal ul.tags li.add-tags{}
	.horizontal ul.tags li.add-tags img{}
	
	/* Vertical taxonomy styles */
	.vertical ul.categories,
	.vertical ul.tags{list-style:none;}
	.vertical ul.categories li,
	.vertical ul.tags li{}
	.vertical ul.categories li{}
	.vertical ul.tags li{}
	.vertical ul.tags li.add-tags{}
	.vertical ul.tags li.add-tags img{}

/*-------------------------------------*/
/* TABS : JQUERY UI TABS 1.8.14 */
/*-------------------------------------*/
	/* Tabs */
	ul.dnnAdminTabNav{
		display:inline-block;
		margin-top:5px; margin-left:0;
		width:100%; height:37px;
		border-bottom:1px solid #c2c2c2;
	}
	ul.dnnAdminTabNav li{
		float:left;
		margin-right:4px;
		list-style:none;
	}
	ul.dnnAdminTabNav li a{
		/* most styles are inherited from typography.css */
		margin-bottom:0;
		border-bottom:0;
		
		box-shadow:none;
		webkit-box-shadow:none;
		
		-webkit-border-radius: 3px 3px 0px 0px;
		border-radius: 3px 3px 0px 0px; 

	}
	ul.dnnAdminTabNav li.ui-tabs-selected a{
		margin-top:-3px;
		padding:12px 9px 10px 9px;
		background:#fff;
	}
	
	/* Panels */
	.dnnForm .ui-tabs .ui-tabs-panel { position:relative; display:block; }
	.dnnForm .ui-tabs-hide { display:none; }
	
/*-------------------------------------*/
/* LOGIN TAB GROUP */
/*-------------------------------------*/
	.dnnLogin .LoginTabGroup {
	    display: inline-block;
	    width: 100%; height: 37px;
	    margin-left: 0; margin-top: 5px;
	    border-bottom: 1px solid #C2C2C2;
    }
	.dnnLogin .LoginTabGroup span {
        margin-right: 4px; margin-bottom: 0;
	    border-bottom: 0 none;
        border-radius: 3px 3px 0 0;
        box-shadow: none;
     }
	.dnnLogin .LoginTabGroup span.LoginTabSelected {
	    margin-top: -3px;
        padding: 12px 9px 10px;
	    background: none repeat scroll 0 0 #FFFFFF;
    }

/*-------------------------------------*/
/* TABS : JQUERY UI RESIZABLE 1.8.14 */
/*-------------------------------------*/	
    .dnnForm .ui-resizable { position: relative;}
	.dnnForm .ui-resizable-handle { 
		position: absolute;
		display: block;
		z-index: 99999;
		font-size: 0.1px;
	}
	.dnnForm .ui-resizable-disabled .ui-resizable-handle, 
	.dnnForm .ui-resizable-autohide .ui-resizable-handle { display: none; }
	.dnnForm .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
	.dnnForm .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
	.dnnForm .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
	.dnnForm .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
	.dnnForm .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
	.dnnForm .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
	.dnnForm .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
	.dnnForm .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*	

/*-------------------------------------*/
/* FORM ITEMS
/*-------------------------------------*/
	.dnnForm{width:100%;}
	.dnnForm fieldset{
		clear:none;
		position:relative;
		margin-bottom:18px;
		text-align:left;
	}
	.dnnForm fieldset fieldset{width:100%;}
	.dnnForm .dnnFormItem{
		clear:both;
		width:100%;
		display:block;
		position:relative;
		text-align:left;
	}
		
	/* Label */
	.dnnTooltip{
		position:relative; 
		display:block;
		width:32.075%;
		margin-right:18px;
	}
	
	.dnnHelperTip {
	    position:relative; 
		display:block;
	}
	
	.dnnDragdropTip {
	    z-index: 10000;
	    position: absolute;
        width: auto !important; height: auto !important;
        padding: 10px; padding-left: 30px;
        border-radius: 3px;
        background: rgba(0, 0, 0, 0.75) url(../images/dnn/pin-icn.png) no-repeat 7px 12px;
        
        font-size: 11px;
        color: #DDD;
        text-align: left;
     }
	
	span.dnnFormRequired:after,
	div.dnnFormItem.dnnFormRequired > div.dnnLabel span:after{
	    content: "*";
	    display: inline-block;
	    margin: 0 0 0 5px;
	    color: Red;
	    font-size: 16px;
	    line-height:1em;
	    font-weight: bold;
	}
	.dnnFormItem input[type="checkbox"] + span,
	.dnnFormItem input[type="radio"] + span{
		display:inline-block;
		width:auto;
		margin: 6px 5px 6px 5px;
	}
	
	/* Help Label */	
    a.dnnFormHelp, 
	.dnnForm .dnnFormItem a.dnnFormHelp, 
	.dnnTooltip label a.dnnFormHelp{
		color:#333;
		text-decoration:none;
		font-weight:bold;
	}
	a.dnnFormHelp
	{
	    display: inline-block;
	    position:absolute;
	    right:0; top:2px;
	    width: 13px; height: 15px;	    
	    background:url(../images/dnn/helpI-icn-grey.png) no-repeat left 2px;
	}
	.dnnLabel
	{
	    display:inline-block;
	    float:left;
	    position:relative;
		width:32.075%;
		padding-right:20px;
		margin-right:18px;
		overflow:visible;
		
		text-align:right;
	}
	.dnnFormItem > .dnnLabel{
	    margin-top: 5px;
	}
	.dnnLabel > span
	{
	    text-align:right;
	}
	.dnnForm .dnnFormItem a.dnnFormHelp span{position:relative;}
	.dnnForm .dnnFormItem a.dnnFormHelp img{display:block;}
	
	.dnnLabel + span{
	    display: inline-block;
        margin-top: 6px;
        margin-bottom: 6px;
        white-space: pre-line;
	}
	
	/* Compatible with some old forge modules */
	td > .dnnLabel {
	    width: 220px;
	}
	
	/* Help tooltip */
	.dnnTooltip .dnnFormHelpContent,
	.dnnHelperTip .dnnFormHelpContent{
		display:none;
		z-index:1;
		position:absolute;		
		width:200px; 
		padding:10px; padding-left:30px;
		border-radius:3px;
		background:rgba(0,0,0,0.75);
		font-size:11px;
		color:#ddd;
		text-align:left;
	}
	.dnnFormHelpContent span{
		display:block;
	}
	.dnnTooltip .dnnFormHelpContent span:after,
	.dnnHelperTip .dnnFormHelpContent span:after{
		position:absolute;
		content: "";
		left:15px; bottom:-7px;
		width: 0;  height: 0;
		opacity:0.75; 	
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-top: 7px solid #000;
	}
	a.pinHelp{
		display:block;
		position:absolute;
		left:7px; top:12px;
		width:15px; height:15px;
		opacity:0.5;
		background:url(../images/dnn/pin-icn.png) no-repeat 0 0;
	}
	.ui-draggable a.pinHelp,
	a.pinHelp:hover{ opacity:1; }
	
	/* Error tooltip */
	.dnnFormItem span.dnnFormMessage.dnnFormError{ 
		display:block;		
		position:absolute;
		overflow:visible;
		/*top:-95%; right: 12%;*/
	    bottom: 95%;right: 12%;
		width:200px;
		margin-bottom:0;
		padding:10px;
		border:none;
		border-radius:3px;
		background:rgba(255,0,0,0.75); 
		font-size:12px;
		color:#fff;
		text-align:left;
	}
	.dnnFormItem span.dnnFormMessage.dnnFormError:after{
		position:absolute;
		bottom:-7px; left:15px;
		content: "";
		width: 0;  height: 0;
		opacity:0.75; 
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-top: 7px solid red;
	}
	
	/* Input Types*/
	.dnnFormItem input[type="text"],
	.dnnFormItem input[type="password"],
	.dnnFormItem input[type="email"],
	.dnnFormItem input[type="tel"],
	.dnnFormItem select,
	.dnnFormItem textarea{
		width:45%;
	    max-width: 445px;
	}
	.dnnFormItem select{ width:47%;}
	.dnnFormItem select option{
	    color: #666;	    
	}
	
	.dnnFormItem table { background:none; }
	
	/* Input Customised Checkbox*/	
	
	.dnnCheckbox { display: inline-block; cursor: pointer;}	
	.dnnCheckbox .mark{ display: inline-block; /*margin-top: 3px;*/  }
	.dnnCheckbox img  
	{
	   display: inline-block;
	   width: 20px; height: 18px;
	   min-width: 20px;  
	   vertical-align: middle;  
	}
	.dnnCheckbox img { background: transparent url(../images/dnn/checkbox.png) no-repeat;}
	.dnnCheckbox img { background-position: 0px 0px }
	.dnnCheckbox-hover img { background-position: 0px 0px }
	.dnnCheckbox-checked img { background-position: -51px 0px }
	.dnnCheckbox-disabled img { opacity: .5; }
	.dnnCheckbox-checked-error img { background-position: -150px 0px }
	.dnnCheckbox-error img { background-position: -100px 0px }
	
	/* Input Customised Radiobutton */

	.dnnRadiobutton { display: inline-block; cursor: pointer; }	
	.dnnRadiobutton .mark{ display: inline-block; }
	.dnnRadiobutton img  
	{
	    width:20px; height: 18px;
	    min-width: 20px;
	    vertical-align: middle; 
	}
	.dnnRadiobutton img { background: transparent url(../images/dnn/radiobutton.png) no-repeat;}
	.dnnRadiobutton img { background-position: 0px 0px }
	.dnnRadiobutton-hover img { background-position: 0px 0px }
	.dnnRadiobutton-checked img { background-position: -50px 0px }
	.dnnRadiobutton-disabled img { opacity: .5; }
	.dnnRadiobutton-checked-error img { background-position: -150px 0px }
	.dnnRadiobutton-error img { background-position: -100px 0px }	
	
	/* Input RadioButton group */
	div.dnnFormRadioButtons, 
	div.dnnHSRadioButtons,
	span.dnnFormRadioButtons,
	span.dnnHSRadioButtons{
	    display: inline-block;
	    padding: 10px;
	    margin-bottom: 5px;
	    background-color: #f0f0f0;
	}
	table.dnnFormRadioButtons{
	    background-color: #f0f0f0;
	    margin-bottom: 5px;
	}
	
	.RadComboBox_Default .rcbInput {
        width: 100% !important;
    }
	
	/* Input Customised Spinner */
	.dnnSpinner {
	    display: inline-block; 
	    position: relative;
	    width: 150px;
	    padding:6px 6px;
		
		*overflow: visible; 
		border:1px solid #c9c9c9;
		background:#fff;
		background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */
		background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */
		-webkit-border-radius: 3px;
		border-radius: 3px;
		
		color:#666666;
		text-decoration:none;
			
		-webkit-box-shadow:  	0px 1px 0px 0px #bbb;
		box-shadow:  			0px 1px 0px 0px #bbb;
	}
	
	.dnnFormItem .dnnSpinner{
	    width: 45%;
	    margin-bottom: 18px;
	}
	
	.dnnSpinnerDisplay {
	    margin: 0 25px 0 8px;
	    background: transparent;	
	    color: #999;   
	}
	
	.dnnSpinnerCtrl {
	    position: absolute;
	    top: 0; right: 0;
	    width: 25px;
	    background-color: transparent;
	    border-left: 1px solid #c9c9c9;
	}
	
	.dnnSpinnerCtrl > a.dnnSpinnerTopButton {
	    display: block;
	    width: 25px;
	    height: 16px;
	    background: transparent url(../images/dnn/dnnSpinnerUpArrow.png) no-repeat;
	    background-position: center;
	    cursor: pointer;
	}
	
	.dnnSpinnerCtrl > a.dnnSpinnerBotButton{
	    display: block;
	    width: 25px;
	    height: 16px;
	    background: transparent url(../images/dnn/dnnSpinnerDownArrow.png) no-repeat;
	    background-position: center;
	    cursor: pointer;
	}
		
	/* Input Customised Tags */
	div.dnnTagsInput { 
	    display: inline-block;
	    margin: 0 0 4px 0;
	    padding:5px 5px 0 5px; 
	    overflow-y: auto;
	    border:1px solid #eaeaea;
	    -webkit-border-radius: 3px;
		border-radius: 3px; 
	    background: #FFF; 
    }
	
	.dnnFormItem .dnnTagsInput{
	    width: 45%;
	}
    div.dnnTagsInput span.tag { 
        display: block; 
        float: left;
        padding: 2px 6px 2px 6px; 
        margin-right: 5px; margin-bottom:5px;
        
        border: 1px solid #c9c9c9; 
        border-radius:3px; 
        -webkit-border-radius:3px; 
              
        font-size: 12px;
        text-decoration:none; 
        color: #444;
         
        cursor: pointer;
    }
    
    div.dnnTagsInput span.tag:hover { 
        background-color: #e8f1fa;        
    }
    div.dnnTagsInput span.tag a { 
        display: inline-block;
        width: 8px; height: 8px;
        margin: 6px 0 0 0;
        background: transparent url(../images/dnn/dnnTagClose.png) no-repeat;
        background-position: center;
    } 
    div.dnnTagsInput input { 
        width:80px; 
        padding: 4px 6px 4px 6px;
        margin:0px;  margin-right:5px;  margin-bottom:5px;
        
        border:1px solid transparent; 
        background: transparent; 
        outline:0px;  
              
        font-family: helvetica; 
        font-size: 12px; 
    }
    div.dnnTagsInput div  
    {
        display:block; 
        float: left; 
        width: 45%; 
    } 
    .dnnTagsClear  
    {
        clear: both; 
        width: 100%; height: 0px; 
    }
    .dnnTagsInvalid { 
        display: block; 
        float: left; 
        padding: 4px 6px 4px 6px;
        margin-right: 5px; margin-bottom:5px;
        
        border: none;
        border-radius:3px; 
        -webkit-border-radius:3px; 
        background: #FBD8DB; /*light red*/ 
         
        cursor: pointer;
        font-size: 12px;
        color: #90111A;
        text-decoration:none; /* dark red*/ 
    }
    
    /* Form Item */
    .dnnFormMessage .dnnLabel{  
    float: none;
    width: 90%;
    text-align: left;
    }

    /* Pane header */
    .dnnFormSectionHead span{
        font-size: 18px;
        color: #222;    
    }
    
    /* Progressbar*/
    .dnnProgressbar { 
        height: 25px !important; 
        padding: 18px 10px 0 10px; 	
        border:1px solid #c9c9c9;
		background: #fff;
		background: -moz-linear-gradient(top, #f0f2f1 0%, #fff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f2f1), color-stop(100%,#fff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #f0f2f1 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
		background: linear-gradient(top, #f0f2f1 0%,#fff 100%); /* W3C */
		-webkit-border-radius: 3px;
		border-radius: 3px;  
		-webkit-box-shadow:  	inset 0px 1px 3px 0px rgba(0,0,0,0.25), 0px 1px 0px 0px #fff;
		box-shadow:  			inset 0px 1px 3px 0px rgba(0,0,0,0.25), 0px 1px 0px 0px #fff;
    }
    .ui-progressbar { 
        height:10px !important; 
        overflow: hidden; 
        background-color: #ccc;
        -webkit-box-shadow:  	inset 0px 1px 0px 0px #bbb;
		box-shadow:  			inset 0px 1px 0px 0px #bbb;
		text-align: left;
   }
    .ui-progressbar .ui-progressbar-value {
        margin: 0;
        height: 100%; 
        background-color: #1a82f7; 
        background: -moz-linear-gradient(left, #2b7fda 0%, #3fbdff 100%); /* FF3.6+ */
	    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2b7fda), color-stop(100%,#3fbdff)); /* Chrome,Safari4+ */
	    background: -webkit-linear-gradient(left, #2b7fda 0%, #3fbdff 100%); /* Chrome10+,Safari5.1+ */
	    background: linear-gradient(left, #2b7fda 0%, #3fbdff 100%); /* W3C */
    }        
    
    /* Button Dropdown */
    .dnnDropdownSettings{
        position:relative;
        height: 30px !important;
    }
    .dnnButtonDropdown{
        width: 50px;
        height: 30px !important;
        background: #fff;
		background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */
		background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */
		-webkit-border-radius: 3px;
		border-radius: 3px;  
		-webkit-box-shadow:  	0px 1px 0px 0px #bbb;
		box-shadow:  			0px 1px 0px 0px #bbb;
	    border:1px solid #c9c9c9;
	    cursor: pointer;
    }
    
    .dnnButtonIcon, .dnnButtonArrow{
        display: inline-block;
        height: 30px !important;
    }
    
    .dnnButtonIcon{
        width: 32px;       
    }
    
    .dnnButtonArrow{
        width: 10px;
        background: transparent url(../images/dnn/dnnSpinnerDownArrow.png) no-repeat center;
    }
    
    .dnnButtonDropdown-clicked{
        z-index: 100;
	    position: absolute;
        width: 50px;
        height: 30px !important;
        background: #fff;
		border:1px solid #c9c9c9;
	    border-bottom: 1px solid #fff;
		-webkit-border-top-left-radius: 3px;
		border-top-left-radius: 3px; 
	    -webkit-border-top-right-radius: 3px;
		border-top-right-radius: 3px; 
	}
    
    .dnnButtonDropdown-ul{
        display: none;
        position: absolute;
        z-index: 99; 
        top: 29px; left: 0;
        width: 200px;
        margin-left: 0;
        
        background: #fff;
        border: 1px solid #c9c9c9;
        -webkit-border-radius: 3px;
		border-radius: 3px; 
        -webkit-box-shadow:  	0px 2px 0px 0px #bbb;
		box-shadow:  			0px 2px 0px 0px #bbb;
		
		list-style-type: none;
    }
    
    .dnnButtonDropdown-ul > li{
        padding: 8px;
        border-bottom: 1px solid #c9c9c9;
        color: #666;
        cursor: pointer;
    }
    
    .dnnButtonDropdown-ul > li:last{
        border-bottom: none !important;
    }
    
    .dnnButtonDropdown-ul > li:hover{
        background-color:  #e8f1fa;
        color: #000;
    }
    
    /* Button Group */  
    ul.dnnButtonGroup{
        display: inline-block;
        margin: 0;
        padding: 0;
        height: 30px;
        
        background: #fff;
		background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */
		background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */
		-webkit-border-radius: 3px;
		border-radius: 3px;  
		-webkit-box-shadow:  	0px 1px 0px 0px #bbb;
		box-shadow:  			0px 1px 0px 0px #bbb;
	    border:1px solid #c9c9c9;
	    
	    cursor: pointer; 
	    list-style: none;   
    }
    
    ul.dnnButtonGroup li{
        display: block;
        float: left;
        width: 40px; height: 30px;
        border-left: 1px solid #c9c9c9;
    }
    
    ul.dnnButtonGroup li:hover{
       background-color:  #e8f1fa;
    }
    
    ul.dnnButtonGroup li.dnnButtonGroup-first{
        display: none;
    }
    
    ul.dnnButtonGroup li.dnnButtonGroup-first + li{
        border-left: none;
    }
    
    ul.dnnButtonGroup span{
        display: inline-block;
        width: 30px; height: 30px;
        margin: 0 5px 0 5px;
    }
    
	
	/* Grouped Multi Input */
	.dnnFormItem .dnnInputGroup{
		float:left;
		display:block;
		width:32.075%;
		padding:5px;
		margin-bottom:18px;
		background:rgba(0,0,0,0.05); /* opaque black */
	}
	.dnnFormItem .dnnInputGroup .dnnLeft{width:100%;}
	.dnnFormItem .dnnInputGroup span{
		display:inline-block;
		width:33%;
		text-align:right;
	}
	
	/* Error Styles */
	.dnnFormError label a span{color:red;}
	.dnnFormError input[type="text"],
	.dnnFormError input[type="password"],
	.dnnFormError input[type="email"],
	.dnnFormError input[type="tel"],
	.dnnFormError select,
	.dnnFormError textarea{
		border:1px solid red;
	}
	
	
	/* Tertiary Actions */
	.dnnFormItem input[type="text"] + .dnnTertiaryAction,
	.dnnFormItem input[type="password"] +.dnnTertiaryAction,
	.dnnFormItem input[type="email"] + .dnnTertiaryAction,
	.dnnFormItem input[type="tel"] + .dnnTertiaryAction,
	.dnnFormItem select + .dnnTertiaryAction{
		display:inline-block;
		max-width:60px;
	} 
	
	/* Information Feedback Aside */
	.dnnForm fieldset.dnnFormInformation{
		float:left;
		width:32.075%;
		margin-left:16px;
		padding:18px 0;
		background:rgba(0,0,0,0.05);
	}
	
	.dnnFormItem textarea{min-height:80px;}
	.dnnAddress input[type="checkbox"]{margin:0 5px}
	
	/* Required Fields */
	.dnnFormRadioButtons 
	{
	    float:left;
	    display:block;
	    width:auto;
	}
	.dnnFormRadioButtons input[type=radio]{float:none;}
	.dnnFormRadioButtons label,
	.dnnFormItem input[type=radio] + label{
		float: none;
		display: inline;
		width:auto;
		padding-right:0;
		margin:0 10px 0 4px;
		
		text-align:left;
		font-weight:normal;
	}
	
	/* Text Editor */
	.dnnTextEditor{
		margin-bottom:18px;
	}
	
	/* Action Items */
	.dnnActions{
		float:none; clear:both;
		display:block; /* prevent ul from collapsing */
		margin:0;
		padding-top:18px;
		
		align:left;
	}
	.dnnActions li{
		float:left;
		margin-right:5px;
		list-style:none;
	}
    .dnnLoginActions {
        display: inline-block;
    }
	
	/* Short Form */
	.dnnForm.dnnShortForm .dnnFormItem label
	{
	    float:none;
	    width:100%;
	    margin-bottom:0.25em;
	    text-align:left;
	}
	.dnnForm.dnnShortForm .dnnFormItem input,
	.dnnForm.dnnShortForm .dnnFormItem select,
	.dnnForm.dnnShortForm .dnnFormItem textarea{float:none;text-align:left;}
	.dnnForm.dnnShortForm .dnnFormItem a.dnnFormHelp{background-position:left;padding-left:22px;}
			
	/* UI Helpers */
	.dnnForm .ui-helper-hidden { display: none; }
	.dnnForm .ui-helper-hidden-accessible  
	{
	    position: absolute !important; 
	    clip: rect(1px 1px 1px 1px); 
	}

    /* Interaction Cues */
	.dnnForm .ui-state-highlight, 
	.dnnForm .ui-widget-content .ui-state-highlight, 
	.dnnForm .ui-widget-header .ui-state-highlight {
		border: 1px solid #fed22f;
		background: #ffe45c none 50% top repeat-x;
		color: #363636;
	}
	.dnnForm .ui-state-highlight a,
	.dnnForm .ui-widget-content .ui-state-highlight a,
	.ui-widget-header .ui-state-highlight a {
		color: #363636;
	}
	.dnnForm .ui-state-error, 
	.dnnForm .ui-widget-content .ui-state-error, 
	.dnnForm .ui-widget-header .ui-state-error {
		border: 1px solid #cd0a0a;
		background: #b81900 none 50% 50% repeat;
		color: #ffffff;
	}
	.dnnForm .ui-state-error a, 
	.dnnForm .ui-widget-content .ui-state-error a, 
	.dnnForm .ui-widget-header .ui-state-error a {
		color: #ffffff;
	}
	.dnnForm .ui-state-error-text, 
	.dnnForm .ui-widget-content .ui-state-error-text, 
	.dnnForm .ui-widget-header .ui-state-error-text {
		color: #ffffff;
	}
	.dnnForm .ui-priority-primary,
	.dnnForm .ui-widget-content .ui-priority-primary, 
	.dnnForm .ui-widget-header .ui-priority-primary {
		font-weight: bold;
	}
	.dnnForm .ui-priority-secondary, 
	.dnnForm .ui-widget-content .ui-priority-secondary, 
	.ui-widget-header .ui-priority-secondary {
		opacity: .7;
		filter:Alpha(Opacity=70);
		font-weight: normal;
	}
	.dnnForm .ui-state-disabled, 
	.dnnForm .ui-widget-content .ui-state-disabled, 
	.dnnForm .ui-widget-header .ui-state-disabled {
		opacity: .35;
		filter:Alpha(Opacity=35);
		background-image: none;
	}
	
	.dnnForm .ui-draggable{
		cursor:move;
	}
	
	/* Corner radius */
	.dnnForm .ui-corner-all, 
	.dnnForm .ui-corner-top, 
	.dnnForm .ui-corner-left, 
	.dnnForm .ui-corner-tl {
		border-radius:4px;
	}
	.dnnForm .ui-corner-all, 
	.dnnForm .ui-corner-top, 
	.dnnForm .ui-corner-right, 
	.dnnForm .ui-corner-tr {
		border-radius:4px;
	}
/*-------------------------------------*/
/* MODULE TITLE - TEMPORARY */
/*-------------------------------------*/

	/* Need to determine what this is */
	.ModuleTitle_MenuContainer { border:1px solid blue; }
	.ModuleTitle_MenuBar {}
	.ModuleTitle_MenuItem {}
	.ModuleTitle_MenuIcon {}
	.ModuleTitle_SubMenu {}
	.ModuleTitle_MenuBreak {}
	.ModuleTitle_MenuItemSel {}
	.ModuleTitle_MenuArrow {}
	.ModuleTitle_RootMenuArrow {}

/*-------------------------------------*/
/* MAIN MENU - TEMPORARY */
/*-------------------------------------*/

	/* Need to determine what this is */
	.MainMenu_MenuContainer { border:1px solid green; }
	.MainMenu_MenuBar {}
	.MainMenu_MenuItem {}
	.MainMenu_MenuIcon {}
	.MainMenu_SubMenu {}
	.MainMenu_MenuBreak {}
	.MainMenu_MenuItemSel {}
	.MainMenu_MenuArrow {}
	.MainMenu_RootMenuArrow {}

/*-------------------------------------*/
/* POPUP */
/*-------------------------------------*/
	
	/* Popup Menu */
	.ui-widget-overlay {
		position:absolute;
		top:0; left:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.65);
	}
	.dnnFormPopup {
		position:absolute;
		padding:18px;
		background:#fff;
		-webkit-box-shadow: 	0 0 25px 0 rgba(0, 0, 0, 0.75);
		box-shadow: 			0 0 25px 0 rgba(0, 0, 0, 0.75);
	}
	/* Popup header */
	.dnnFormPopup .ui-dialog-titlebar {
		position:relative;
		padding:0 0 18px 0;
		border-bottom:1px solid #ddd;
		cursor:move;
		font-size:18px;
		font-weight:bold;
		
	}
	.dnnFormPopup .dnnModalCtrl{
	    display: block;
	    position: absolute;
	    top: -30px; right: -30px;
	    width: 69px; height: 26px;
	    border-radius: 10px;
		background-color: #fff;
	    -webkit-border-radius: 10px;
		box-shadow:0px 0px 5px #666;
	}
	
	.dnnFormPopup .dnnModalCtrl a.ui-dialog-titlebar-close{
	    float: right;
		display:block;
		height:18px; width: 30px;
		margin: 4px 4px 0 1px;
		overflow:hidden;
		-webkit-border-top-right-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
		background: #585858 url(../images/dnn/closeBtn.png) no-repeat;
		background-position: 8px 4px;
		
		text-indent:-9999em;
	}
    .dnnFormPopup .dnnModalCtrl a.ui-dialog-titlebar-close:hover 
    {
        background:#358EEA url(../images/dnn/closeBtn.png) no-repeat;
        background-position: 8px 4px;
    }
	.dnnFormPopup .dnnModalCtrl a.dnnToggleMax{
	    float: left;
		display:block;
		height:18px; width: 30px;
		margin: 4px 0 0 4px;
		overflow:hidden;
		-webkit-border-top-left-radius: 8px;
		-webkit-border-bottom-left-radius: 8px;
		border-top-left-radius: 8px;
		border-bottom-left-radius: 8px;
		background: #585858 url(../images/dnn/resizeBtn.png) no-repeat;
		background-position: 10px 2px;
		
		text-indent:-9999em;
	}
	.dnnFormPopup .dnnModalCtrl a.dnnToggleMax:hover 
    {
        background: #358EEA url(../images/dnn/resizeBtn.png) no-repeat;
        background-position: 10px 2px;
    }
	
	div.ui-dialog-titlebar > a.ui-dialog-titlebar-close{
	    display:block;
	    position:absolute;
	    top: -30px; right: -30px;
		height:18px; width: 18px;
		margin: 0px;
		overflow:hidden;
		-webkit-border-radius: 12px;
		border-radius: 12px;
				
		background: #585858 url(../images/dnn/closeBtn.png) no-repeat;
		background-position: 4px 4px;
		border: 3px solid #fff;
		
		text-indent:-9999em;
	}
		
	/* Poup Iframe styles*/
	.dnnFormPopup #iPopUp {
		width:100%!important; /* to overwrite inline javscript styles */
		padding-top:10px;
	}
	.dnnFormPopup .ui-dialog-content, #iPopUp .ui-dialog-content {
		position:relative;
		border:0;
		padding:0px;
		overflow:auto;
		background:#fff;
		
		zoom:1;
	}
	.dnnFormPopup .ui-dialog-buttonpane {
		margin:.5em 0 0 0;
		padding:.3em 1em 1em .4em;
		overflow:hidden;
		
		border-width:1px 0 0 0;
		background-image:none;
		
		text-align:left;
	}
	.dnnFormPopup .ui-dialog-buttonpane .ui-dialog-buttonset {
		float:right;
	}
	.dnnFormPopup .ui-dialog-buttonpane button {
		margin:.5em .4em .5em 0.8em;
		padding:0.5em 1em;
		
		cursor:pointer;
		border:none;
		outline:none;
	}
	.dnnFormPopup .ui-resizable-se {
		float:right;
		height:24px; width:24px;
		background:url(../images/dnn/modal-resize-icn.png) no-repeat bottom;
	}
	.dnnFormPopup .dnnDialog {
		padding:10px;
	}
	.dnnLoading {
		background: #fff url(../images/dnn/loading.gif) no-repeat center center;
		position: absolute;
		z-index: 9999;
	}
	
/*-------------------------------------*/
/* URL ACTION */
/*-------------------------------------*/
	.urlControl label
	{
	    width:auto;
	    margin-top:0;
	    font-weight: normal;
	}
	.urlControlLinkType{width:auto;}
	.urlControlLinkType span, 
	.dnnFormItem .urlControlLinkType span
	{
		float:none;
		display:block;
		width:auto;
		text-align:left;
		}
	.dnnFormItem .ucLinkTypeRadioButtons label
	{
		display: inline-block;
		width:260px;
		padding-right:0;
		margin-top:0;
		font-weight:normal;
		text-align:left;
	}
	.urlControlLinkType span input{min-width:3%;}
	.dnnForm.dnnModuleSettings .dnnFormItem .urlControlLinkType span label{text-align:left;}
	
	.urlControlFileRow{overflow:hidden;clear:both;}	
	.urlControlFileRow span.dnnFormLabel{width:auto;text-align:right;}
	.urlControlFileRow select,.urlControlFileRow input[type=file]{ clear: both;}
	
	.urlControlImagesRow{overflow:hidden;clear:both;}	
	.urlControlImagesRow span.dnnFormLabel{width:auto;text-align:right;}
	.urlControlImagesRow select{ clear: both;}	
		
/*-------------------------------------*/
/* WIZARD TABS STEPS
/*-------------------------------------*/

    /* Jquery UI tabs base */
    .dnnWizardTab.ui-tabs { position: relative; padding: 0; }
    .dnnWizardTab.ui-tabs .ui-tabs-nav  
    {
        display: block;
        height: 46px;
        margin: 0; padding: 0;
        background: transparent url(../images/dnn/InstallWizardBG.png) repeat-x;
     }
    .dnnWizardTab.ui-tabs .ui-tabs-nav li  
    {
        float: left; 
        position: relative; 
        margin: 0;
        padding: 0; 
    
        border-bottom: 0 !important;
    
        list-style: none; 
        white-space: nowrap;
     }
    .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; }

    .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
    .ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
    .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }

    .dnnWizardTab.ui-tabs .ui-tabs-nav li a, 
    .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

    .dnnWizardTab.ui-tabs .ui-tabs-panel  
    {
        clear: both;
        display: block; 
        padding: 3em 1em 1.4em;
        border-width: 0; 
        background: none; 
     }
    .dnnWizardTab.ui-tabs .ui-tabs-hide { display: none !important; }
    .dnnWizardTab.ui-tabs .ui-tabs-nav li a{ display: block;}

    .dnnWizardStep > span{
        display: block;
        float: left;
     }
 
    .dnnWizardStep{    
        height: 46px;
        padding: 0 0 0 20px;
        background: transparent url(../images/dnn/InstallWizardBG.png) repeat-x;
        background-position: 0 0;
        
        cursor: pointer; 
    }

    .ui-tabs .ui-tabs-nav li:first-child .dnnWizardStep{
        padding-left: 30px;
    }

    .dnnWizardStepNumber{
        margin: 10px 10px 0 0;
        padding: 3px 8px 3px 8px;
        background-color: #999;
        -webkit-border-radius: 18px;
        border-radius: 18px;
        
        color: #fff;
        font-weight: bold;
    }
    .dnnWizardStepTitle{
        margin: 13px 20px 0 0;
        color: #999;
        font-weight: bold;
        text-decoration: none;
    }
    .dnnWizardStepArrow{
         width:  25px; height: 46px;
         background: transparent url(../images/dnn/InstallWizardBG.png) no-repeat;
         background-position: 0 -401px;
    }

    .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-selected .dnnWizardStep{ 
          height: 46px;
         background-position: 0 -100px;
            
    }

    .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-selected .dnnWizardStepNumber{ background-color: #333; }
    .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-selected .dnnWizardStepTitle{ color: #333; }
    .dnnFormExpandContent{ margin: 10px 0; }

    .dnnFormExpandContent > a{
        color: #666;
        font-size: 13px;
        font-weight: bold;
     }
/*-------------------------------------*/
/* DNN SIMPLE GRID
/*-------------------------------------*/

    table.dnnPermissionsGrid,
    table.dnnGrid,
    table.dnnASPGrid{
        margin-bottom: 20px;
        border: 1px solid #c9c9c9;
    }
    table.dnnPermissionsGrid td{
        padding: 4px;
    }

    .dnnGridHeader td {
        padding: 6px 0 6px 12px;
        border-bottom: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
        background: #f0f2f1;
        background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */
        background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */
    }
    .dnnGridItem td, .dnnGridAltItem td {
        padding: 6px;
        border-right: 1px solid #c9c9c9;
    }

    .dnnGridItem td input, .dnnGridAltItem td input{
        margin-bottom: none;
    }

    .dnnGridAltItem {
        background: #F2F2F2;
    }

    .dnnGridItem:hover, .dnnGridAltItem:hover {
        background-color: #e8f1fa;
    }

 /* td > input[type="image"],
    td > input[type="image"] + a,
    td a > img{
        display:block;
        float: left;
        margin-right: 3px;
    } */

/*-------------------------------------*/
/* URL Control
/*-------------------------------------*/

    .urlControl{
        float: left;
        display: block;
        padding: 15px;
        margin-bottom: 10px;
        background-color: #f0f0f0;
    }

    .urlControl select,
    .urlControl input{
        width: 180px;
        margin-bottom: 10px;
    }
    .urlControl dnnFormItem > a.dnnSecondaryAction{
        margin: 10px 10px 0 0;
        float: left;
    }
    .urlControl .urlControlLinkType {
        float: left;
        width: 100%;
    }
    .urlControl .urlControlLinkType .dnnFormLabel {
        float: left;
        width: auto;
        margin-right: 5px;
    }
    .urlConrol .urlControlLinkType input[type="radio"] {
        width: auto;
        margin-right: 5px;
    }

/*-------------------------------------*/
/* File Picker
/*-------------------------------------*/
    span[id$="FileControl"]{
        display:block;
        float: left;
    }

    .dnnFilePicker{
        display: block;
        float: left;
        background-color: #f0f0f0;
        margin-bottom: 10px;
        margin-right: 10px;
        padding: 0 15px 0 15px;
        width: 450px;
    }
    .dnnFilePicker .dnnLeft{
        margin: 0;
        padding: 0;
        margin-top: -30px;
    }
    .dnnFilePicker dnnFormItem{
        margin: 0;
        margin-top: -10px;
        padding: 0;
        position: static;    
    }

    .dnnFilePicker .dnnLeft img{
        max-width: 135px;
        max-height: 100px;
    }

    .dnnFilePicker .dnnLeft .dnnFilePickerImageHolder{
        width: 135px;
        height: 100px;
        background-color:#ccc;
        margin: 20px 15px;
    }

    .dnnFilePicker .dnnFormItem  span{
        display: block;
        float: left;
        width: 40px;
        margin-top: 8px;
        padding-left: 5px;
        text-align:left;
    }

    .dnnFilePicker select,
    .dnnFilePicker input{
        width: 200px;
        margin: 0;
        margin-right: 10px;
        float: none;
    }
    .dnnFilePicker .dnnLeft a.dnnSecondaryAction{
        margin: 10px 10px 0 0;
        display: inline-block;
    }
    .dnnFilePicker .dnnLeft img{
        display: block;
        margin: 20px 15px;    
    }

    /* FILE UPLOAD CSS */
    input[type="file"] { /* force file upload style here, cause some module just override */
        position: absolute !important;
        top: 0 !important; 
        right: 0 !important;
        margin: 0 !important;
        border: solid transparent !important;
        border-width: 0 0 100px 200px !important;
        opacity: 0 !important;
        filter: alpha(opacity=0) !important;
        -moz-transform: translate(-300px, 0) scale(4) !important;
        direction: ltr !important;
        cursor: pointer !important;
        height: auto !important;
	    font-size: 100px !important;
    }

    span.dnnInputFileWrapper {
        position: relative !important; 
        overflow: hidden !important; 
        margin: 0 4px 0 0;
        width: auto !important;
        display: block;
        float: left;
    }

    span.dnnInputFileWrapper > span.dnnSecondaryAction {
        display: inline-block !important;
        float: none !important;
        width: auto !important;
    }

    /* DNN DRAG n DROP FILE PICKER UPLOAD */
    .dnnFileUploadScope {
        display: block;
        float: left;
        background-color: #F0F0F0;
        margin-bottom: 10px;
        margin-right: 10px;
        padding: 0;
        width: 450px;
    }
    .dnnFileUploadScope .dnnLeft {
        margin: 0;
        padding: 15px 10px 15px 10px;
    }
    
    .dnnFileUploadScope .dnnLeft .dnnFormItem {
        margin-bottom: 10px;
    }
    
    .dnnFileUploadScope .dnnFormItem span {
        display: block;
        float: left;
        width: 40px;
        margin-top: 8px;
        padding-left: 5px;
        text-align: left;
    }
    
    .dnnFileUploadScope .dnnFormItem .RadComboBox_Default {
        width: 180px;
        margin: 0;
        float: none;
    }
    
    .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone {
        position: relative;
        margin: 0; 
        width: 180px;
        height: 150px;
        background: #d9eeff;
   
        border: 1px dashed #bbb;
        box-shadow:0px 1px 0px #fff;
	
	    -webkit-border-radius: 3px;
	    border-radius: 3px;
	
	    color:#4577a2;
    }
    
    .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone  span{
        display:block;
        position: absolute; 
        left: 38px; 
        top: 60px;
        color: #fff;
        font-size: 12px;
        background:rgba(0,0,0,0.5);
        padding:5px 7px;
        border-radius:3px;    
        box-shadow:0px 1px 0px #fff, inset 1px 1px 0px #555;    
    
        opacity:0.5;
        cursor: default;
    
        -webkit-transition: all 500ms ease-in-out;
	    -moz-transition: all 500ms ease-in-out;
        -ms-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
	    transition: all 500ms ease-in-out;
    }
    .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone:hover  span
    {
        opacity:1;    
    }

    input.dnnFixedSizeComboBox{
        width: 200px !important;
        margin-right: 10px;
        float: left;
    }
    div.dnnFixedSizeComboBox{
        width: 218px !important;
        margin-right: 15px;
        float: left;
    }

    .dnnFixedSizeComboBox + a.dnnSecondaryAction{
        float: left;
        margin-right: 10px;
        padding: 6px 6px;
    }

    input.dnnSmallSizeComboBox{
        width: 100px !important;
        margin-right: 10px;
        float: left;
    }
    div.dnnSmallSizeComboBox{
        width: 118px !important;
        margin-right: 15px;
        float: left;
    }

    .dnnSmallSizeComboBox + a.dnnSecondaryAction{
        float: left;
        margin-right: 10px;
        padding: 6px 6px;
    }

    td.dnnGridHeaderTD-NoBorder{
        border-right: none !important;
    }
    tr.dnnGridItem td, tr.dnnGridAltItem td{
        border-right: none;
    }
    tr.dnnGridItem td input{
        margin-bottom: 0;
    }

/*-------------------------------------*/
/* ACCORDIAN
/*-------------------------------------*/
	h2.dnnFormSectionHead {
		margin-top:8px; 
		margin-bottom:18px;
		border-bottom:1px solid #ddd;
		font-size: 32px; 
		line-height: 36px; 
		letter-spacing:-0.03em; 
	}
	h2.dnnFormSectionHead a{
		display:block;
		padding-left:3px;
		background:url(../images/dnn/down-icn.png) no-repeat right 15px;
		text-decoration:none;
		color:#666;
		font-size:18px;
		letter-spacing:normal;
		font-weight:normal;
	}
	h2.dnnFormSectionHead a:hover{
		color:#222;
		background:rgba(2,139,255,0.05) /* blue */ url(../images/dnn/down-icn.png) no-repeat right 15px;
	}
	h2.dnnFormSectionHead a.dnnSectionExpanded{
		background: url(../images/dnn/up-icn.png) no-repeat right 15px;
		color:#222;
	}
	h2.dnnFormSectionHead a.dnnSectionExpanded:hover{
		color:#222;
		background:rgba(2,139,255,0.05) /* blue */ url(../images/dnn/up-icn.png) no-repeat right 15px; /* ACTIVE BLUE */
	}
	
/*-------------------------------------*/
/* VERTICAL TABS */
/*-------------------------------------*/
	.dnnVerticalTabs {
		margin-left:0;
	}
	.dnnVerticalTabs li {
		list-style:none;
	}
	.dnnVerticalTabs li a {
		display:block;
		padding:15px 15px;
		border-bottom:1px solid #ddd;
		border-right:1px solid #ddd;
		background:rgba(0, 0, 0, 0.04);
		color:#999;
		text-decoration:none;
	}
	.dnnVerticalTabs li a:hover {
		background:rgba(0, 0, 0, 0.06);
		color:#666;
	}
	.dnnVerticalTabs li.active a {
		background:none;
		color:#333;
		border-right:1px solid transparent;
	}
	.tabBody {
		display:none;
	}
	
/*-------------------------------------*/
/* SCROLL BAR */
/*-------------------------------------*/	
	
    .jspContainer
    {
	    overflow: hidden;
	    position: relative;
    }

    .jspPane
    {
	    position: absolute;
    }

    .jspVerticalBar
    {
	    position: absolute;
	    top: 0; right: 0;
	    width: 11px; height: 100%;
	    background: #ccc;
    }

    .jspHorizontalBar
    {
	    position: absolute;
	    bottom: 0; left: 0;
	    width: 100%; height: 11px;
	    background: #ccc;
    }

    .jspVerticalBar *,
    .jspHorizontalBar *
    {
	    margin: 0; 	padding: 0;
    }

    .jspCap {display: none;}
    .jspHorizontalBar .jspCap{float: left;}

    .jspTrack
    {
	    background: transparent;
	    position: relative;
    }

    .jspVerticalBar .jspTrack{
        width: 5px;
        margin: 0 0 0 3px;
    }

    .jspHorizontalBar .jspTrack{
        height: 5px;
        margin: 3px 0 3px 0;
    }

    .jspVerticalBar .jspCap{
        display: block;
        height: 3px;   
        width: 11px;
    }

    .jspHorizontalBar .jspCap{
        display: block;
        width: 3px;    
        height: 11px;
    }

    .jspDrag
    {
	    position: relative;
	    top: 0;	left: 0;
	    border-radius: 3px 3px 3px 3px;
	    -webkit-border-radius: 3px 3px 3px 3px;
	    opacity: .75;
	
	    background: #000;
	    cursor: pointer;
    }

    .jspHorizontalBar .jspTrack,
    .jspHorizontalBar .jspDrag
    {
	    float: left;
	    height: 5px;
    }
			
/*-------------------------------------*/
/* UPGRADE FIXES */
/*-------------------------------------*/	

    /* dark-knight skin fix in 7.0 */
    div.SearchContainer {
        position: relative;
        white-space: nowrap;
    }
    div.SearchBorder {
        float: left;
        position: relative;
        width: 200px; height: 20px;
        margin-top: 2px;
        background-color: White;
        border: 1px solid #E0E0E0;
               
        white-space: nowrap;
    }
    input.SearchTextBox {
        float: left;
        height: 18px;
        width: 169px;
        z-index: 10;
        border: 0 none;
    }
    div.SearchContainer a {
        display: inline-block;
        position: relative;
        padding: 0 5px;
    }
    div.SearchIcon {
        float: left;
        height: 20px;  width: 31px;
        z-index: 11;
        background: none no-repeat scroll 2px 2px transparent;
        cursor: pointer;
        text-align: right;
    }
    div.SearchIcon img {
        margin-top: 3px;
    }
    #SearchChoices {
        clear: both;
        display: none;
        position: absolute;
        z-index: 2000;
        left: 0; top: 21px;
        width: 160px;
        margin: 0; padding: 0;
        
        background-color: #EEEEEE;
        border: 1px solid #777777;
        
        cursor: pointer;
        text-align: left;
    }
    #SearchChoices li {
        display: block;
        height: 20px;
        margin: 2px;
        padding: 2px 2px 2px 25px;
        
        background: none no-repeat scroll 5px center #EEEEEE;
        border: 1px solid #EEEEEE;
        cursor: pointer;
        
        list-style: none outside none;
        text-align: left;
    }
    #SearchChoices li.searchHilite {
        background-color: #DDDDFF;
        border: 1px solid #AAAAFF;
    }
    #SearchChoices li.searchDefault {
        background-color: #EEEEEE;
        border: 1px solid #EEEEEE;
    }
    /*
    #dnn_dnnSEARCH_txtSearch,
    #dnn_dnnSearch_txtSearch,
    #dnn_dnnSEARCH_txtSearchNew,
    #dnn_dnnSearch_txtSearchNew {
        margin: 0;
        padding: inherit;
        font-size: inherit;
        border: inherit;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        border: 0 none;
    }
    */
    /* For Upgrade from DNN6 DarkKnight --------*/
    #DNN6 { z-index: 0 !important; }
    #DNN6 > #Header .SearchContainer .SearchTextBox {
        width: 130px !important;
        padding: 3px 0 0 0;
        border: none;
        box-shadow: none;
    }

    /* Compatible with some old forge modules---*/
    div.ModDNNAnnouncementsC table.ucLinkTypeRadioButtons label {
        display: inline !important;
    }
    div.ModDNNAnnouncementsC table.ucLinkTypeRadioButtons span.dnnRadiobutton {
        display: inline !important;
    }
    div.ModDNNAnnouncementsC .urlControl label, div.ModDNNLinksC .urlControl label { display: inline !important; }
    div.ModDNNFAQsC .Normal { width: auto !important; }
    div.ModDNNFeedbackC .dnnFormItem > label {
        display: inline-block;
        width: 33%;
        text-align: right;
    }
    div.ModDNNUserDefinedTableC div.RadEditor{ height: auto !important; }
    div.ModDNNUserDefinedTableC ul.dnnActions{ display: block; }
    div.ModDNNIFrameC .urlControl span.dnnRadiobutton { display: inline !important; }
    div.ModDNNIFrameC table.Normal td .dnnLabel{ width: 100px; }
    div.ModDNNIFrameC table.Normal td span.dnnRadiobutton { margin: 5px 0 0 30px; }
    div.ModDNNLinksC .urlControl span.dnnRadiobutton { display: inline !important; }

/*------------------------------------------*/
/* Getting Started classes -----------------*/
/*------------------------------------------*/

    #GettingStartedTitle {
        color: #666666;
        font-weight: lighter;
    }

    #GettingStartedHeader {
        padding: 12px; 
        background-color: #e8f0fb; /*light blue*/
        text-align: center; 
        font-size: 1.5em;
    }

    #GettingStartedLeftPanel 
    {
        float: left;
        width: 60%;
        min-width: 580px;
        padding: 20px;
        margin-right: 10px;  
        background-color: #E8F0FB;
    }

    #GettingStartedLeftPanel .SubHead {
        padding-bottom: 10px;
        border-bottom: none;
    }

    #GettingStartedLeftPanel > div {
        float:left;
        width: 50%; 
    }

    #GettingStartedRightPanel 
    {
        float: left;
        width: 31%;
    }

    #GettingStartedRightPanel .SubHead {
        padding-bottom: 10px;
        border-bottom: none;
    }

    #GettingStartedRightPanel li {
        color: #999999;
        list-style: disc outside none;
    }

    #GettingStartedActions {
        float: left;
        width: 100%;
    }

    #GettingStartedActions ul { padding: 0; }
    
    #GettingStartedLeftPanel a,
    #GettingStartedRightPanel a { text-decoration: none; }
    
    .GettingStartedSeparator { margin: 0px; }

    /* Slide */
    #GettingStartedLeftPanel .slides {
	    position:relative;
	    z-index:9;
	    top:0px; left:0px;
	    height: 355px;
    }
    #GettingStartedLeftPanel .slides_container {
	    display:none;
	    position:absolute;
	    width:580px;
	    overflow:hidden;
    }
    #GettingStartedLeftPanel .slides_container div {
	    display:block;
	    width:580px;
	    height:355px;
	}
    #GettingStartedLeftPanel .slide div {
	    float: left;
	    display: inline;
	    width:290px;
	}
    #GettingStartedLeftPanel .slide div div {
	    float: left;
	    display: inline;
	    width:220px;
	}	
	#GettingStartedLeftPanel .videolink {
		position: absolute;
		bottom: 30px;
	}

    /* Next/Prev buttons 
    -------------------------------------*/
    #GettingStartedLeftPanel .slidePrevNext {
    	position: relative;
    	left: 235px;
    	bottom: -20px;
	}
    #GettingStartedLeftPanel .next, #GettingStartedLeftPanel .prev {
	    display: block;
        position: absolute;	   
	    width: 20px; height: 20px;
	    bottom: 9px; left: 12px;
	    padding: 0;
	    z-index:12;
    }

    #GettingStartedLeftPanel .prev {   }
    #GettingStartedLeftPanel .next { left: 70px;  }

    /* Page link */
    #GettingStartedLeftPanel .pagination {
	    position: absolute;
	    margin-left:32px;
	    margin-top:-23px;
	}
    #GettingStartedLeftPanel .pagination li {
	    float:left;
	    margin:0 3px;
	    list-style:none;
    }
    #GettingStartedLeftPanel .pagination li a {
	    float:left;
	    display:block;
	    width:9px;  height:0;
	    padding-top:8px;
	    background-image:url(../images/dnn/pagination.png);
	    background-position:0 0;
	    overflow:hidden;
    }
    #GettingStartedLeftPanel .pagination li.current a {
	    background-position:0 -9px;
    }
	
    /* Personalize Content */
    #GettingStartedLeftPanel .storeInfo {
	    display: inline;
	    height: 80px !important;
	}
    #GettingStartedLeftPanel .storeImage {
	    float: left;
	    display: inline;
    }
    #GettingStartedLeftPanel .visitStore {
	    float: right;
	    padding-right: 15px;
	    margin-top: -10px;
    }	
    #GettingStartedLeftPanel .visitStoreLink{
	    font-weight:lighter;
    }
    #GettingStartedLeftPanel .storeSkins img {
	    width:50px;height:50px;
	    border:none;
	    background:url(../images/dnn/icon_skins.png) no-repeat;
    }
    #GettingStartedLeftPanel .storeModules img {
	    width:50px;height:50px;
	    border:none;
	    background:url(../images/dnn/icon_modules.png) no-repeat;
    }  

    /* Personalize */
    #GettingStartedLeftPanel .personalizebreak {
	    width: 95%;
    }  
    
    /* Sponsors */
    #Sponsors img
    {
        width:118px;height:58px;
        margin:5px 5px 10px 10px;
        border:none;
        background:url(../images/dnn/Logos.jpg) no-repeat;
    }
    #Sponsors .aspnet img{      background-position:0 0;}
    #Sponsors .maxasp img{      background-position:-118px 0;}
    #Sponsors .telerik img{     background-position:-236px 0;}
    #Sponsors .exacttarget img{ background-position:-354px 0;}
    #Sponsors .winlive img{     background-position: 0 -58px;}
    #Sponsors .redgate img{     background-position: -118px -58px;}
    #Sponsors .appliedi img{    background-position: -236px -58px;}
    #Sponsors .arrowdesign img{ background-position: -354px -58px;}

    #GettingStartedLeftPanel .sponsors {
	    width: 270px !important;
	    padding-left: 10px;
    }

/*-------------------------------------*/
/* GENERIC CLASSES */
/*-------------------------------------*/
	.left{float:left;}
	.right{float:right;}
	.dnnLeft{float:left;} 
	.dnnRight{float:right;}
	.dnnClear{ clear: both;}
	.dnnClear:after{clear:both;content:".";display:block;height:0;visibility:hidden;font-size:0;}
	*+html .dnnClear{min-height:1%;}
	
	/* used to set the different module align options - from module settings */
	.DNNAlignleft{text-align:left;}
	.DNNAlignright{text-align:right;}
	.DNNAligncenter{text-align:center;}
		 	
	/* used to collapse panes without any content in them */
	.DNNEmptyPane{width:0px;}
	
	/* style to apply if the content should be hidden */
	.Hidden{display:none;}
/* ==== DesktopModules/WillStrohl.ContentSlider/module.css ==== */
/*

WillStrohl.ContentSlider Module for DotNetNuke
Version: 01.00.00
Author: Will Strohl
E-Mail: will.strohl@gmail.com
Website: http://www.willstrohl.com

Copyright 2011 Will Strohl

*/
.dnnFormExpandContent { margin-top:2.0em; }

.dnnTextEditor { width:inherit !important; min-width:inherit !important; }

fieldset, .wns-fieldset { margin:1.5em 0 0 0; padding:0; }
    fieldset ol, .wns-list { padding:1em 1em 0 1em; list-style:none; }
    fieldset li, .wns-listitem { padding-bottom:1em; list-style:none; line-height:1.6em; }
    fieldset.commands { border:none; }
    .wns-listitem { float:none; clear:both; }

.wns-slideshow-wrapper { position:relative; z-index:-850; }

ol.wns-slider-list { margin: 0; padding: 0; }
    ol.wns-slider-list li.wns-slider-list-item { display: inline; float: left; list-style-type: none; margin: 0 0.5em 0.5em 0; }

.editSliderImage { border:none; }

ol.wnsSliderPager { margin: 0.5em 0 0 0; padding: 0; display: block; clear: both; }
    ol.wnsSliderPager li { list-style-type: none; display: inline; margin-right: 0.75em; }
/* ==== Portals/_default/Skins/Gravity/skin.css ==== */
    body {
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 13px;
	    color: #333;
    }

    /* DNN Body */
    body {
	    /* CSS3 */
	    background: #000000; /* Old browsers */

    }
   
/*------------------------------------------------*/
 /*	    background: -moz-radial-gradient(center, ellipse cover,  #efefef 0%, #e9e9e9 50%, #dfdfdf 100%); /* FF3.6+ */
	    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#efefef), color-stop(50%,#e9e9e9), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
	    background: -webkit-radial-gradient(center, ellipse cover,  #000000 0%,#e9e9e9 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	    background: -webkit-radial-gradient(center, ellipse cover,  #efefef 0%,#e9e9e9 50%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */ 
	    background: -o-radial-gradient(center, ellipse cover,  #efefef 0%,#e9e9e9 50%,#dfdfdf 100%); /* Opera 12+ */
	    /*background: -ms-radial-gradient(center, ellipse cover,  #efefef 0%,#e9e9e9 50%,#dfdfdf 100%); *//* IE10+ */
	    background: radial-gradient(ellipse at center,  #efefef 0%,#e9e9e9 50%,#dfdfdf 100%); /* W3C */
	    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#dfdfdf',GradientType=1);  IE6-9 fallback on horizontal gradient */ */

/* FONT STYLE */
/*------------------------------------------------*/
    body,th,td,table,h1,h2,h3,h4,h5,h6, 
    .Head,.SubHead,.SubSubHead, 
    .Normal,.NormalBold, .NormalRed, .NormalTextBox, .NormalDisabled, 
    a:link, a:visited, a:hover, input, .CommandButton {
	    font-family: Arial, Helvetica, sans-serif;
    }

    em { 
	    font-style: italic; 
	    letter-spacing: 0; 
    }

    strong { 
	    color: #333;
	    font-weight: bold; 
    }
    small { 
	    font-size: 12px; 
	    letter-spacing: 0;
    }

/*------------------------------------------------*/
/* HEADER STYLE */
/*------------------------------------------------*/
    h1, h2, h3, h4, h5, h6 {	
	    line-height: 1;
	    margin: 0 0 10px 0;
    }
    h1{
	    font-size:26px;
    }
    h2, h2 .Head{
	    font-size:18px;
    }
    h3, h3 .Head{
	    font-size:18px;
	    color: #666;
    }
    h4, h4 .Head{
	    font-size:16px;
	    color: #666;
    }
    h5, h5 .Head{
	    font-size:14px;
	    color: #666;	
    }
    h6, h6 .Head{
	    font-size:13px;
	    color: #666;
    }

/*------------------------------------------------*/
/* ANCHOR STYLE */
/*------------------------------------------------*/
    a,a:link,a:visited,a:active{
	    color:#3B96B6; 
	    text-decoration:none;  
    }
    a:hover{
	    color:#D00; 
	    text-decoration:none;
    }

/* DNN Specific Selectors 
-------------------------------------*/
    .CommandButton {
	    font-size: 13px;
	    color: #3d3d3d;
	    font-weight: bold;
    }
    .CommandButton:hover {
	    color: #007cae;
    }
    a.CommandButton:link {
	    font-size: 13px;
	    text-decoration: none;
	    color: #3d3d3d;
	    font-weight: bold;	
    }
    a.CommandButton:hover {
	    text-decoration: underline;
	    color: #007cae;
    }

/*------------------------------------------------*/
/* PARAGRAPH STYLE */
/*------------------------------------------------*/
    p { margin: 0 0 25px 0; }

    hr { 
	    clear: both;
	    height: 0;
	    border: solid #c0c0c0; 
	    border-width: 1px 0 0;  
	    margin: 20px 0 20px 0; 
    }

/*------------------------------------------------*/
/* IMAGE STYLES */
/*------------------------------------------------*/
    img {  border: 0;  }

    /* Image Align Left 
    -------------------------------------*/
    .imgLeft {
	    float: left;
	    margin-right: 30px;
	    margin-bottom: 30px;
    }

    /* Image Align Right 
    -------------------------------------*/
    .imgRight {
	    float: right;
	    margin-left: 30px;
	    margin-bottom: 30px;
    }

    /* Image with border 
    -------------------------------------*/
    .imgBorder {
	    border: solid 3px #fff;
    }

    /* Polaroid Image Style 
    -------------------------------------*/
    .imgPolaroid { 
	    color: #a6a6a6;
	    font-size: 12px;
	    text-align: left;
	    padding: 13px 13px 17px 13px;
	    background-color: #fff;
	    box-shadow: 0 1px 2px #ccc;
    }

    .imgPolaroid  img {
        margin-bottom: 12px;
    }
	
/*------------------------------------------------*/
/* lIST STYLE */
/*------------------------------------------------*/


    /* Ordered List */
    ol li {
	    list-style-type: decimal;
	    margin-bottom: 8px;
	    vertical-align: top;
    }

    ol ol {
	    margin-top: 8px;
	    margin-left: 30px;
    }

    ol ol li { list-style-type: lower-roman; }
    ol ol ol li { list-style-type: lower-alpha;  }
    ol ul li { list-style-type: lower-roman; }

/*------------------------------------------------*/
/* TABLE STYLE */
/*------------------------------------------------*/

    /* Default Table Style */
    table.tableDefault  {
	    width: 100%; 
	    border-collapse: collapse; 
	    border-spacing: 0; 
	    background-color: transparent;
	}

    table.tableDefault th, 
    table.tableDefault td {
	    font-size: 12px;
	    padding: 8px; 
    }

    table.tableDefault th {
	    font-weight: bold;
	    text-align: left;
	    border-bottom: solid 2px #aaa;
	    background-color: #d7d7d7;
    }

    table.tableDefault td { border-bottom: solid 1px #d9d9d9; }

    table.tableDefault tr:nth-child(odd) {background: #transparent}
    table.tableDefault tr:nth-child(even) {background: #e3e4e6}

   .tableDefault tbody tr:hover td { color: #111; }

/*------------------------------------------------*/
/* FORM STYLE
/*------------------------------------------------*/
    input[type="text"],select,textarea,input[type="email"],input[type="search"], input[type="password"]{
        padding: 9px;
        margin-bottom:20px; 
        background: #f3f3f3;
        border:1px solid #bfbfbf;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1) ;
        box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1) ;
        color:#666;
        font-size:13px;
	}

/*------------------------------------------------*/
/* BUTTONS STYLE */
/*------------------------------------------------*/
    /* Primary Style Button (blue)*/
    button.primaryButton,
    a.primaryButton {
	    display: inline-block;
	    padding: 12px 20px;
	    margin-bottom: 5px;
	    
	    background-color: #3B96B6;
	    background: -moz-linear-gradient(top, #1aa0c9 0%, #1aa0c9);
	    background: -webkit-gradient(linear, left top, left bottom, from(#1aa0c9), to(#1aa0c9));
	    -moz-border-radius: 0px;
	    -webkit-border-radius: 0px;
	    border-radius: 0px;
	    border: 0px solid #ffffff;
	    -moz-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); 
	    -webkit-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
	    box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
	    
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 12px;
	    font-weight: bold;
	    line-height: 1;
	    text-align: center;
	    color: #ffffff;
	    text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
    }

    /* Secondary Style Button (darkgray) */
    button.secondaryButton,
    a.secondaryButton {
	    display: inline-block;
	    padding: 12px 20px;
	    margin-bottom: 5px;
	    
	    background-color: #666;
	    background: -moz-linear-gradient(top, #8a8a8a 0%, #8a8a8a);
	    background: -webkit-gradient(linear, left top, left bottom, from(#8a8a8a), to(#8a8a8a));
	    -moz-border-radius: 0px;
	    -webkit-border-radius: 0px;
	    border-radius: 0px;
	    border: 0px solid #ffffff;
	    -moz-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
	    -webkit-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
	    box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
	    
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 12px;
	    font-weight: bold;
	    line-height: 1;
	    text-align: center;
	    color: #ffffff;
	    text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
    }

    /* Alternative Style Button (darkgray with arrow) */
    button.altButton,
    a.altButton {
	    display: inline-block;
	    padding: 9px 32px 9px 22px;
	    margin-bottom: 5px;
	   
	    background: #484848 url('../images/arrow.png') no-repeat 87% center;
	    background: url('../images/arrow.png') no-repeat 87% center, -moz-linear-gradient(top, #3d3d3d 0%, #3d3d3d);
	    background: url('../images/arrow.png') no-repeat 87% center, -webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#3d3d3d));
	    -moz-border-radius: 0px;
	    -webkit-border-radius: 0px;
	    border-radius: 0px;
	    border: 0px solid #ffbf00;
	    -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
	    -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
	    box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
	    
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 12px;
	    font-weight: bold;
	    line-height: 1;
	    color: #ffffff;
	    text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
    }

    a.dnnPrimaryAction{ color:#efefef; }
    a.dnnSecondaryAction { color:#555; }

    button.primaryButton:hover,
    button.secondaryButton:hover,
    a.primaryButton:hover,
    a.secondaryButton:hover { 
	    cursor: pointer;
	    cursor: hand;
	    background-image: none; 
	    background-color:#D00; 
    }

    button.altButton:hover,
    a.altButton:hover {
	    cursor: pointer;
	    cursor: hand;
	    background:#D00 url('../images/arrow.png') no-repeat 87% center;
    }
 
/*------------------------------------------------*/
/* SITE SPACING
/*------------------------------------------------*/
    .spacingTop{        margin-top: 30px; }
    .spacingRight {	    margin-right: 30px;}
    .spacingBottom {    margin-bottom: 30px;}
    .spacingLeft {	    margin-left: 30px;}

/*------------------------------------------------*/
/* SITE STRUCTURE */
/*------------------------------------------------*/
    #userControls { 	height: 32px;}

    .wrapper {
	    margin: 0 Auto;
	    margin-top: 10px;
	    width: 980px;
    }
	
/*------------------------------------------------*/
/* SEARCH */
/*------------------------------------------------*/
    #search {
	    float: right; 
	    width:209px;
	    height:32px;
    }

    #search a.SearchButton:link,
    #search a.SearchButton:visited {
		    display:inline-block;
		    float: right;
	        height:32px; width:32px;
		    margin: 0;	padding:0;
		    background: #FF0000 url('../images/search.png') no-repeat center center;
		    text-indent:-9999px;
	}
	
	#search a.SearchButton:hover {		
		background: url('../images/search.png') no-repeat center center, rgb(45,45,45); /* Old browsers */
		background: url('../images/search.png') no-repeat center center, -moz-linear-gradient(top,  rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* FF3.6+ */
		background: url('../images/search.png') no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,45,45,1)), color-stop(100%,rgba(86,86,86,1))); /* Chrome,Safari4+ */
		background: url('../images/search.png') no-repeat center center, -webkit-linear-gradient(top,  rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Chrome10+,Safari5.1+ */
		background: url('../images/search.png') no-repeat center center, -o-linear-gradient(top,  rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Opera 11.10+ */
		background: url('../images/search.png') no-repeat center center, -ms-linear-gradient(top,  rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* IE10+ */
		background: url('../images/search.png') no-repeat center center, linear-gradient(to bottom,  rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* W3C */
	}
	
	#dnn_dnnSearch_txtSearch  {
		display:block; 
		float: left;
		width:160px;
		height: 32px;
	    padding: 0 5px 0 10px;
		margin:0;
		background-color: #CCCCCC;
		border: none; 
		border-radius:0;
		box-shadow: none;
		outline: none;
		border-left:1px solid #ddd;
	   
	    color:#000;
	    line-height: 32px;
	    font-size: 11px;
	    
	   -webkit-transition: all 100ms ease-in-out;
		-moz-transition: all 100ms ease-in-out;
        -ms-transition: all 100ms ease-in-out;
        -o-transition: all 100ms ease-in-out;
		transition: all 100ms ease-in-out;
    }
    #dnn_dnnSearch_txtSearch:active, #dnn_dnnSearch_txtSearch:focus
	{
	    background:#ccc;
	    box-shadow:inset 0px 3px 8px #999;
	}	

/*------------------------------------------------*/
/* LOGIN */
/*------------------------------------------------*/
    #login{	float:right; }
	
	#login .registerGroup, 
	#login .registerGroup *, 
	#login .loginGroup, 
	#login .loginGroup * {	display:block; }	

	#login .registerGroup,
	#login .loginGroup {
		float:left;
		padding:0;
		margin:0;
	} 
	
	#login .registerGroup li:first-child:hover {border-left:#222;}
	
	/* Register Group Styles */
	#login .registerGroup li { 	float:left; }
	#login .registerGroup .buttonGroup {margin-right:0;}
	
	#login .registerGroup a,
	#login .loginGroup a{
		display:block;
		position:relative;
		height:25px;
		min-width:12px;
		padding: 7px 15px 0 15px;
		 
		color: #FFF;
		font-size:11px;
		vertical-align: middle;
	}
	
	#login .registerGroup a:hover,
	#login .loginGroup a:hover {
		background: rgb(45,45,45); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,45,45,1)), color-stop(100%,rgba(86,86,86,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#565656',GradientType=0 ); /* IE6-9 */
		
		color:#ddd;
		text-shadow: 0px -1px 0px #333333;
	}
	#login .registerGroup a:active,
	#login .loginGroup a:active {
		color:#fff;
		text-shadow: 0px -1px 0px #333333;
	}
	
	#login .registerGroup a:hover,
	#login .loginGroup a:hover { text-decoration:none; }
	
	#login .registerGroup a strong,
	#login .loginGroup a strong {
		display:block;
		position:absolute;
		left:0; top:0;
		width:100%;
		overflow:hidden;
		
		font-size:11px;
		text-indent:-9999px;
	}
	
	#login .userMessages a,
	#login .userNotifications a { background-color: #333; }	
	
	#login .userMessages strong { 
		height: 100%;
		background: url('../images/icon_message.png') no-repeat center center;
	}
	
	#login .userNotifications { border-right: 1px solid #CCC; }
	
	#login .userNotifications strong { 
		height: 100%;
		background: url('../images/icon_notification.png') no-repeat center center;
	}
	
	#login .registerGroup a span {
		display:inline-block;
		position:absolute;
		right:2px; top:-9px;
		min-width:7px;
		margin-right:3px;
		background: rgb(59,150,182); /* Old browsers */
		
		text-align:center;
		font-size:11px;
		color:#fff;
		text-shadow: 0px 1px 0px #333333;
	}
	
	#login .registerGroup .userProfileImg a{
		min-width:25px;
		min-height: 32px;
		padding:0;
		background:none;
		
	}
	
	#login .registerGroup a img{
		height:32px; width:32px;
		background:#333;
		
	}
	
	/* Login Group Styles */
	#login .loginGroup { border-right: 1px solid #CCC;} 
	#login .loginGroup a {color:#FFF; }
	
	/* Number of message next to the message icon*/
	#login .userMessages  a  span,
	#login .userNotifications   a  span	{ 
		display: inline-block; 
		margin-top: 9px; 
		margin-right: 0px; 
		background-color: transparent;
		
		font-size: 10px;
	}
	
/*------------------------------------------------*/
/* SITE HEADER */
/*------------------------------------------------*/
    #siteHeadouter {
	    background: #fff;
	    /* CSS3 
	    -webkit-box-shadow:  1px 50px 100px 0px #cacaca; 
	    box-shadow:  1px 50px 100px 0px #cacaca; */
    }
    #siteHeadinner { padding: 15px 0; }
    #logo { float: left; }

    /* Language */
    .language .language-object{
	    float:right;
	    display:block;
	    margin:0;
	    padding:0;
    }
    .language .language-object span{
	    float:left;
	    padding-top: 3px;
	    padding-bottom: 3px;
	    padding-left: 5px;
	    margin:0;
    }
    .language .language-object span:first-child{
	    padding-left:8px; 
    }
    .language .language-object span img{
	    height:12px; 
	    width:17px;
	    opacity:0.3;
    }
    .language .language-object span:hover img{opacity:1;}
    .language .language-object .Language.selected img{
	    opacity:1;
	    border-color:#222;
	    -webkit-border-radius: 2px;
	    border-radius: 2px; 
	    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
	    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8); 
    }

/*------------------------------------------------*/
/* NAVIGATION */
/*------------------------------------------------*/

    /* Site Navigation */
    #nav {
	    float: right;
	    position:relative;
	    top: 18px;
    }
	
	#dnn_pnav li { 
		position:relative; 
		list-style:none;
		margin: 0;
	}
	
	#dnn_pnav li ul {
		margin-left:0;
	}
	
	#dnn_pnav > li {
		float:left;
		height:30px;
		padding-top:5px;
		margin-right:2px;
	}
	
	#dnn_pnav > li > a, #dnn_pnav > li > span {
		display:block;
		padding:5px 0 5px 15px;
		font-size:14px;
		font-weight:bold;
		color:#666;
		text-decoration:none;		
	}
	
	#dnn_pnav > li:hover > a, #dnn_pnav > li.active > a  {	color:#3B96B6;}
	#dnn_pnav > li:hover > a:active { color:#3B96B6;}
	#dnn_pnav > li:hover > span { color:#3B96B6;}

	/* Secondary level */
	#dnn_pnav > li ul {  /* Styles for all sub levels */
		display:none;
		position:absolute;
		z-index: 2;
		width:225px;
		padding: 0;
		background:#F5F7F7;
		border: 1px solid #cbcbcb;
		/* CSS3 */
		border-radius: 0px;
		/*box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,1), 0px 0px 3px rgba(0,0,0,0.15);*/
		-webkit-box-shadow:  0px 2px 5px 0px rgba(0, 0, 0, 0.4);
		box-shadow:			 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
		-webkit-animation-duration: .25s;
		-webkit-animation-delay: .2s;
		-webkit-animation-timing-function: ease;
		-webkit-animation-fill-mode: both;
		-moz-animation-duration: .25s;
		-moz-animation-delay: .2s;
		-moz-animation-timing-function: ease;
		-moz-animation-fill-mode: both;
		-ms-animation-duration: .25s;
		-ms-animation-delay: .2s;
		-ms-animation-timing-function: ease;
		-ms-animation-fill-mode: both;
		animation-duration: .25s;
		animation-delay: .2s;
		animation-timing-function: ease;
		animation-fill-mode: both;
		
	}
	
	#dnn_pnav li:hover > ul { 
		display:block;
	}
	
	#dnn_pnav > li > ul { /* styles specific to secondary level */
		top:35px; 
		left:0; 
		padding: 15px 5px;
	}

	#dnn_pnav > li > ul:after {
		position:absolute;
		top:-15px; 
		left:20px;
		content:'';
		width:0px; 	
		height:0px; 
		border-left:15px solid transparent;  /* left arrow slant */
		border-right:15px solid transparent; /* right arrow slant */
		border-bottom:15px solid #F5F7F7; /* bottom, add background color here */
		font-size:0px;
		line-height:0px;
	}

	#dnn_pnav > li ul a {
		display:block;
		padding: 3px 15px;
		color:#3B9FBF;
		font-size: 13px;
		font-weight: normal;
		text-decoration:none;
		/* transition decleration */
		transition: 		all ease-in 100ms;
		-moz-transition: 	all ease-in 100ms; /* Firefox 4 */
		-webkit-transition: all ease-in 100ms; /* Safari and Chrome */
		-o-transition: 		all ease-in 100ms; /* Opera */
		-ms-transition: 	all ease-in 100ms; /* IE9? */
	}

	#dnn_pnav  ul li:last-child > a { }
	#dnn_pnav > li > ul li:hover > a {
		color:#D00;
		background: #F5F7F7;
	}
	
	/* Tertiary level */
	#dnn_pnav li ul li ul {
		left:225px; 
		top:-8px;
		padding: 15px 5px;
		border-left: 1px solid #ddd;
	}


/*------------------------------------------------*/
/* BREADCRUMBS */
/*------------------------------------------------*/
    #Breadcrumb {
	    padding-top: 20px;
	    padding-bottom: 12px;
	    margin-bottom: 25px;
	    border-bottom: solid 1px #c0c0c0;
    }
	#Breadcrumb img {
		margin-left: 10px;
		margin-right: 10px;
	}

	#Breadcrumb a.breadcrumbLink:link,
	#Breadcrumb a.breadcrumbLink:visited {
		color: #666;
		font-size: 12px;
		font-weight: bold;
	}

	#Breadcrumb a.breadcrumbLink:hover {color: #3B96B6; }
	
/*------------------------------------------------*/
/* CONTENT PANES */
/*------------------------------------------------*/
    .contentPane {}

    /* Content Pane - Home */
    .leftPane {
	    float: left;
	    width: 630px;
    }

    .sidebarPane {
	    float: right;
	    width: 320px;
    }

    /* Content Pane - 2 columns */
    .twoColRightPane {
	    float: right;
	    width: 260px;
    }

    .twoColLeftPane {
	    float: left;
	    width: 690px;
    }

	.leftPaneLowerLeft {
		float: left;
		width: 400px;
	}

	.leftPaneLowerRight {
		float: right;
		width: 260px;
	}

    /* Content Pane - 3 columns */
    .threeColLeftPane, 
    .threeColCenterPane, 
    .threeColRightPane
     {
	    float: left;
	    width: 306px;
    }

    /* Content Pane - 3 columns Social */
    .threeColSocialLeftPane {
	    float: left;
	    width: 110px;
    }

    .threeColSocialCenterPane {
	    float: left; position: relative;
	    width: 560px;
    }

    .threeColSocialRightPane {
	    float: left;
	    width: 250px;	
    }

    /* Content Pane - Footer */
    #footer {
	    clear: both;
	    height: 230px;
	    margin-top: 70px;
	    background:none no-repeat;
    }

	.footerPane {
		float: left;
		width: 136px;
	}

	.footerPane, 
	.footerPane .Normal {
		color: #808080;
	}

	.footerPaneRight { 
		float: right; 
	} 
	
    /* Empty Panes */
    .DNNEmptyPane{width:0; margin:0;}
    .DNNEmptyPane.rightTwoCol+div{width: 100%;}
	
    /* Copyright
    -------------------------------------*/
    #copyright {
	    font-size: 12px;
	    color: #a6a6a6;
	    margin-bottom: 25px;
    }

	#copyright a:link,
	#copyright a:visited	{
		font-size: 12px;
		color: #a6a6a6;
	}
	
	#copyright a:hover {
		color: #D00;
	}
	
	#copyright a.DNNMobileLink {
	    color: #666;
	    font-weight: bold;
	}
	
	#copyright a.DNNMobileLink:hover {
	    color: #D00;
	}

    /*------------------------------------------------*/
    /* SOCIAL STYLE */
    /*------------------------------------------------*/
    /* ----------------------------------*/
    /* DNN Module: Console */
    /* ----------------------------------*/
    .threeColSocial .console {
	    width: 250px;
	    height: auto;
	    background-color: #484848; /* Menu Background Color */
    }

    .threeColSocial .console-none div {  
	    cursor: pointer;
	    cursor: hand;
	    float:left; 
	    height: auto; 
	    width: 250px;
	    padding:0px; 
	    margin:0px;  
	    text-align:left; 	
	}

    .threeColSocial .console-none h3 {
        padding:10px 8px 10px 40px; 
	    margin: 0; 	   
	    border-bottom: solid 1px #fff; 
	    background: url('../images/arrow.png') 18px center no-repeat;
	    
	    color: #eee;  
	    font-size:13px; 
	    line-height: 1; 
	    font-weight: bold;
	}

    .threeColSocial .console-none div div { display:none; }
    .threeColSocial .console-mouseon { background-color:#70b1c7; /* Menu Hover Background Color */ } 

/* ----------------------------------*/
/* DNN Module: ViewProfile Image */
/* ----------------------------------*/
    #UserProfileImg img {
	    width: 100px;
	    height: auto;
	    border: solid 3px #fff;
    }

    .threeColSocial .UserProfileControls ul {
	    margin: 15px 0;
    }

    .threeColSocial .UserProfileControls ul li {
	    list-style-type: none;
	    margin-bottom: 3px;
	 }

/* ----------------------------------*/
/* DNN Module: Member Directory (Send A Message, Follow, Subscribe) */
/* ----------------------------------*/
    .threeColSocialRightPane .DnnModule #mdMemberList{ margin: 0 0 30px 0; }
    .threeColSocialRightPane #mdMemberList  ul { margin: 10px 0 0 0; }
    .threeColSocialRightPane #mdMemberList  li { 
	    margin-bottom: 0;
	    -size: 12px;
	    font-weight: bold;
	    list-style-type: none; 
	}

    .threeColSocialRightPane #mdMemberList > li{	
	    width: 216px;
	    margin:0;
	    padding: 6px 17px;
	    background:#d7d7d7;
	    border: none;
	    -webkit-border-radius: 0;
	    border-radius: 0; 
	    -webkit-transition: background 0.15s ease-in-out;
	    -moz-transition: 	background 0.15s ease-in-out;
	    -o-transition: 		background 0.15s ease-in-out;
	    -ms-transition: 	background 0.15s ease-in-out;
	    transition: 		background 0.15s ease-in-out;
	    -webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.3);
	    box-shadow:			 0px 0px 0px 0px rgba(0, 0, 0, 0.3);
    }

    .threeColSocialRightPane #mdMemberList > li:hover{
	     z-index:2; /*bring current li to top for tooltip */	
	    background: #d7d7d7;
	    -webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 0px 0px 0px rgba(255, 255, 255, 1);
	    box-shadow: 		 0px 0px 0px 0px rgba(0, 0, 0, 0.3),  inset 0px 0px 0px 0px rgba(255, 255, 255, 1); 
    }

/* ----------------------------------*/
/* DNN Module: ViewProfile (Activity Feed) */
/* ----------------------------------*/
    .threeColSocial .journalTools { max-width: 560px; }

    .threeColSocial .journalrow {
	    padding-bottom: 10px;
	    border-bottom: solid 1px #c0c0c0;
	    margin-bottom: 20px;
	    
    }

    .threeColSocial .journalfooter { 
	    padding: 0; 
	    margin: 0;
    }

    .threeColSocial .journalrow div.journalitem p.journalfooter { 
	    font-size: 12px; 
	    padding: 0; 
	    margin-bottom: 0; 
    }

    .threeColSocial .journalrow div.journalitem ul.jcmt { font-size: 12px; }
    .threeColSocial .journalrow div.journalitem .likes  { 
	    padding: 2px 5px; 
	    background-color: #dbdbdb; 
    }

    #journalEditor #journalContent .juser, .journalrow .juser  
    {
        border: none;
        color: #3B96B6; 
        background-color: transparent; 
    }

/* ----------------------------------*/
/* DNN Module: ViewProfile (Message) */
/* ----------------------------------*/
    .threeColSocial #UserDisplayNameHeader h2 {
	    padding-bottom: 10px;
	    border-bottom: solid 1px #c0c0c0;
    }
	
    /* dnnAdminTabNav Style*/
    .threeColSocial #smMainContent .ui-corner-all { 
	    border-radius: 0; 
    }

    .threeColSocial ul.dnnAdminTabNav {
	    height:38px;
	    margin-top:0;
	    margin-bottom: 0;
	    border-bottom:1px solid #c0c0c0;
    }

    .threeColSocial ul.dnnAdminTabNav li {
	    margin-right:1px;
    }

    .threeColSocial ul.dnnAdminTabNav li a{			
	    padding:10px 15px;
	    margin-bottom: 0px;
	    
	    border: none;
	    background:#d7d7d7;
	    -webkit-border-radius: 1px 1px 0px 0px;
	    border-radius: 1px 1px 0px 0px; 
	    -webkit-border-radius: 0px;
	    border-radius: 0px;
	   
	    color:#666;
	    font-size: 12px;
	    font-weight:bold;
        text-shadow: none;
    }

    .threeColSocial ul.dnnAdminTabNav li a:hover{			
	    background: #484848;
	    color:#eee;
	}
    .threeColSocial ul.dnnAdminTabNav li.ui-tabs-selected a{
	    padding:10px 15px;
	    margin-top: 0px;
	    background: #484848;
	    color: #eee;
    }

    /* Message & Notification number block*/	
    .threeColSocial .dnnAdminTabNav a span{
	    display:inline;
	    min-height:12px;
	    padding: 2px 6px;
	    margin-right:8px;
	    background: rgb(59,150,182); /* Old browsers */
	
	    background: -moz-linear-gradient(top, rgba(59,150,182,1) 0%, rgba(35,125,155,1) 100%); /* FF3.6+ */
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,150,182,1)), color-stop(100%,rgba(35,125,155,1))); /* Chrome,Safari4+ */
	    background: -webkit-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Chrome10+,Safari5.1+ */
	    background: -o-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Opera 11.10+ */
	    background: linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* W3C */
	    -webkit-box-shadow: 0px 1px 0px 0px #666;
	    -moz-box-shadow: 0px 1px 0px 0px #666;
	    box-shadow: 0px 1px 0px 0px #666; 
	    
	    color: #eee;
	    font-weight:normal;
	    font-size:11px; 
    }

    /* Compose new message link */
    .threeColSocial .dnnFormExpandContent  {
	    float: right;
	    display: inline-block;
	    position: absolute;
	    top: 22px; right: 0;
	    height: 20px;
	    font-size: 12px;
    }

    .threeColSocial .dnnFormExpandContent a.ComposeMessage {font-size: 12px;}

    /* compose button */
    .threeColSocial a.dnnPrimaryAction {
	    display: inline-block;
	    
	    padding: 12px 20px;
	    margin-bottom: 5px;
	    
	    background-color: #3B96B6;
	    background: -moz-linear-gradient(top, #1aa0c9 0%, #1aa0c9);
	    background: -webkit-gradient(linear, left top, left bottom, from(#1aa0c9), to(#1aa0c9));
	    -moz-border-radius: 0px;
	    -webkit-border-radius: 0px;
	    border-radius: 0px;
	    border: 0px solid #ffffff;
	    -moz-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); 
	    -webkit-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
	    box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
	    
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 12px;
	    font-weight: bold;
	    line-height: 1;
	    text-align: center;
	    color: #ffffff;
	    text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
    }

    .threeColSocial a.dnnPrimaryAction:hover,
    .threeColSocial a.dnnPrimaryAction:active { 
	    cursor: pointer;
	    cursor: hand;
	    background-image: none; 
	    background-color:#D00; 
    }

    /* Message Control (Select, Actions, Inbox, Sent, Archived)*/
    .threeColSocial .DnnModule .messageControls .buttonGroup {
	    margin-right:0px; /* fixed Archived Button spacinging issue */
    }

    .threeColSocial .messageControls {
	    margin: 0; 
	    padding: 0;
	    padding-bottom: 5px;
	    border-bottom: 1px solid #c0c0c0; 
    }

    .threeColSocial .messageControls .messageFolders { float:right; }

    /* number x-x of x */
    .threeColSocial .messageFolders p {
	    float:left; 
	    display:inline-block;
	    padding: 8px 15px; 
	    margin: 0;
	    color:#666; 
	    font-size: 12px;
    }

	.threeColSocial .messageFolders p strong { 
		color:#666; 
		font-weight:bold;
	}
	
    /* Messages / Notification Specific Button Styles
    -------------------------------------*/
    /* Style for the Action menu bar*/
    .threeColSocial .DnnModule-Messaging-Notifications .dnnTertiaryAction {
	    width:auto!important;
	    padding: 9px 10px;
	    font-size:12px; 
    }
		
    /* Styles for select drop*/
    .threeColSocial .DnnModule .selectDrop ul {
	    top:34px;
	    min-width: 120px;
	    padding:10px 14px!important;
	    border:1px solid #c2c2c2; 
	    background:#e7e7e7;
	
	    /*CSS3*/
	    -moz-border-radius-bottomright: 0px;
	    -moz-border-radius-bottomleft:	0px;
	    -webkit-border-radius: 			0px 0px 0px 0px;
	    border-radius: 					0px 0px 0px 0px; 
	
	    -webkit-box-shadow: 	0px 0px 2px 0px rgba(0, 0, 0, .1);
	    -moz-box-shadow: 		0px 0px 2px 0px rgba(0, 0, 0, .1);
	    box-shadow: 			0px 0px 2px 0px rgba(0, 0, 0, .1); 
    }

    /* Styles for select button on active state*/
    .threeColSocial .selectDrop.active .dnnTertiaryAction{			
	    background: #70b1c7;
	    color:#eee;			
	    border-right: solid 0px #3B96B6;
	    -webkit-box-shadow: 	inset 0px 1px 1px 0px #3B96B6;
	    -moz-box-shadow: 		inset 0px 1px 1px 0px #3B96B6;
	    box-shadow: 			inset 0px 1px 1px 0px #3B96B6; 
    }
	
    /* when select drop down button is clicked toggle active class to show*/
    .threeColSocial .selectDrop ul li {
	    margin-bottom:3px; 
	    font-size: 12px;
    }

    /* Remove corners and add dividers to buttons in button group */
    .threeColSocial .buttonGroup .dnnTertiaryAction{
	    border-left:1px solid #ddd; /*light*/
	    border-right:1px solid #bbb; /*dark*/
	    background-color: #d7d7d7;
	    color: #666;
    }

    /* Conversations button selected*/
    .threeColSocial .buttonGroup .dnnTertiaryAction.active { 
	    color: #eee; 
	    border-right:1px solid #3B96B6; 
	    background-color: #70b1c7;
    }

    /* Actions button hover*/
    .threeColSocial .buttonGroup .dnnTertiaryAction.disabled:hover{ 
	    color: #eee; 
	    border-left:1px solid #3B96B6; 
	    background-color: #70b1c7;
    }

    /* Select button hover */
    .threeColSocial .alpha .dnnTertiaryAction:hover { 
	    color: #eee; 
	    background-color: #70b1c7;
	    border-right:1px solid #3B96B6; 
    }

    /*First Button styles of a button group */
    .threeColSocial .alpha .dnnTertiaryAction, 
    .alpha .dnnTertiaryAction:hover, 
    .alpha .dnnTertiaryAction.active{
	    border-left:none;
	    /*CSS3*/
	    -moz-border-radius-topleft: 0;
	    -moz-border-radius-bottomleft: 0;
	    -webkit-border-radius: 0;
	    border-radius: 0; 	
    }
    /*Last Button styles of a button group */
    .threeColSocial .omega .dnnTertiaryAction, 
    .omega .dnnTertiaryAction:active, 
    .omega .dnnTertiaryAction.active{
	    border-right:none;
	    /*CSS3*/
	    -moz-border-radius-topright: 0;
	    -moz-border-radius-bottomright: 0;
	    -webkit-border-radius: 0;
	    border-radius: 0;
    }

    /* Archive Button */
    .threeColSocial .dnnTertiaryAction, 
    a.dnnTertiaryAction  { 
	    background-color: #d7d7d7; 
	    border-radius: 0; 
	    color: #666; 
	   
    }

    .threeColSocial a.ArchiveItems span { 
	    display: none; /* hide Archive text*/
    }
    .threeColSocial a.ArchiveItems { 
	    height: 18px;
	    min-width: 15px;
	    margin-left: 5px;
	    background: #d7d7d7 url('../images/icon_bin.png') no-repeat center center;   
    }

    .threeColSocial a.ArchiveItems:hover { 
	    background: #70b1c7 url('../images/icon_bin.png') no-repeat center center;
    }

    /*Archive, Sent, Archived buttons Hover*/
    .threeColSocial .dnnTertiaryAction:hover, a.dnnTertiaryAction:hover { 
	    background-color: #70b1c7;
	    color: #eee; 
	}

    /* Messages / Notification List Item
    -------------------------------------*/
    /* Listing Styles */
    .threeColSocial .smListings{ font-size: 12px; }
	
    .threeColSocial .DnnModule .smListings ul { margin: 0; }

    .threeColSocial .smListings > ul > li { 
	    padding-top: 10px; 
	    margin: 0; 
	    background: transparent; 
	    border-bottom:1px solid #c0c0c0; 
    }

    .threeColSocial .smListings > ul > li.active { background: #f4f4f4; /* background color for active list items*/  }
    .threeColSocial .smListings > ul > li:last-child { border-bottom: none; }
    .threeColSocial .smListings [class^="ListCol-"]{ padding:1% 1% 1% 0; }
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-1 { min-width:20px; /* Main message list: Checkbox column width on */ }
	.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-2 { min-width:65px; /* Main message list: Avatar column width AND Drilldown message list: Message info column width*/  }
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-3 { width:56%; /* Main message list: Message info column width AND Drilldown message list: Time column width */ }
	.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-4{  font-size: 11px;  /* Main message list: Time column */ }
    .threeColSocial .smTimeStamped { font-size: 11px;}
	.threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-1 { min-width: 65px; /* Drilldown message list: Avatar column width*/ }
	.threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-2 { width:56%; /* Drilldown message list: Message info column width*/ }
    .threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-3 { float: right; /* Drilldown message list: Time column */ width:25%;  font-size: 12px; }
    .threeColSocial .hoverControls a { 
	    font-size: 12px; /* All lists: Archive & Reply links */
	    font-weight: bold;
    }
    .threeColSocial .DnnModule-Messaging-Details .smListings .profileImg {
	    display:block; /* Drilldown message list: Avatar column style */
	    padding:5px;
	    width:50px; height:auto;
	    background:#fff;
	    border:1px solid #e2e2e2;
	    /*CSS3*/
	    -webkit-border-radius: 2px;
	    -moz-border-radius: 2px;
	    border-radius: 2px; 
	
    }
    .threeColSocial .DnnModule-Messaging-Details .smListings .profileImg span{
	    display:block; /* Drilldown message list: Avatar column style */
	    width:50px; 
	    max-height:50px; 
	    overflow:hidden;
    }

    .threeColSocial .DnnModule-Messaging-Details .smListings .profileImg:hover {  border: solid 1px #d7d7d7;  /* Drilldown message list: Avatar column style */  }

    .threeColSocial .DnnModule-Messaging-Notifications .smListings .profileImg {
	    padding:4px; /* All lists: Avatar style */
	    width:50px; height:auto;
	    background: #fff;
	    border:1px solid #d7d7d7;
	    /*CSS3*/
	    -webkit-border-radius:  5px;
	    -moz-border-radius: 	5px;
	    border-radius: 			5px; 
    }

    .threeColSocial .DnnModule-Messaging-Notifications .smListings .profileImg span {
	    width:50px; /* All lists: Avatar style */
	    max-height:50px; 
	    overflow:hidden;
    }

    .threeColSocial .DnnModule-Messaging-Notifications .smListings .profileImg img{  min-width:50px;	/* All lists: Avatar style */ }
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .profileImg:hover { background:#d7d7d7; /* All lists: Avatar hover style */  }
	.threeColSocial .DnnModule-Messaging-Details .smListings .meta { margin-bottom: 5px; /* Drilldown message list: UserName link */  }
    .threeColSocial .DnnModule-Messaging-Details .smListings .meta a { font-weight: bold;  /* Drilldown message list: UserName link */ }
    .threeColSocial .DnnModule-Messaging-Details .smListings .message { color:#999; /* Drilldown message list: Message text */   margin: 0; }
    .threeColSocial .DnnModule-Messaging-Notifications .smListings  .subject { font-weight:bold;}
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .active .subject { 
	    font-size: 13px; /* All lists: unread message subject */
	    margin-bottom: 3px;
    }

    .threeColSocial .DnnModule-Messaging-Notifications .smListings .meta {
	    margin-bottom: 8px; /* All lists: message From - Send to */
	    line-height: 14px;
    }

    .threeColSocial .DnnModule-Messaging-Notifications .smListings .message { color:#999; /* All lists: Message text */ }

    /*Column 3 Styles*/
    .threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-3 ul li { margin-bottom: 0px; /* Drilldown message list: Time column */ }
    .threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-3 ul li:first-child { color:#999; /* Drilldown message list: Time column */ }
    .threeColSocial .DnnModule-Messaging-Details .smListings .active .ActiveToggle:hover, .smListings .ActiveToggle{
	    margin-left: 8px; /* Main message list: Time column-Mark as Read block */
	    -webkit-box-shadow: 0px 1px 0px 0px #666;
	    -moz-box-shadow: 0px 1px 0px 0px #666;
	    box-shadow: 0px 1px 0px 0px #666;  
    }
					
    .threeColSocial .DnnModule-Messaging-Details .smListings .active .ActiveToggle, .smListings .ActiveToggle:hover {
	    margin-left: 8px; /* Main message list: Time column-Mark as Read block hover */
	    background: rgb(59,150,182); /* Old browsers */
	    /*CSS3*/	
	    background: -moz-linear-gradient(top, rgba(59,150,182,1) 0%, rgba(35,125,155,1) 100%); /* FF3.6+ */
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,150,182,1)), color-stop(100%,rgba(35,125,155,1))); /* Chrome,Safari4+ */
	    background: -webkit-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Chrome10+,Safari5.1+ */
	    background: -o-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Opera 11.10+ */
	    background: linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* W3C */
	    -webkit-box-shadow: 0px 1px 0px 0px #666;
	    -moz-box-shadow: 0px 1px 0px 0px #666;
	    box-shadow: 0px 1px 0px 0px #666;  
    }					
    /*Column 4 Styles*/
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-4 ul li{  margin-bottom:0px; /* All lists: Time column */ }
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-4 ul li:first-child { color: #999; /* All lists: Time column */ }
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .active .ActiveToggle:hover, .smListings .ActiveToggle{
	    margin-left:8px; /* Main message list: Time column-Mark as Read block */
	    -webkit-box-shadow: 0px 1px 0px 0px #666;
	    -moz-box-shadow: 0px 1px 0px 0px #666;
	    box-shadow: 0px 1px 0px 0px #666;  
    }	
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .active .ActiveToggle, .smListings .ActiveToggle:hover {
	    margin-left:8px; /* Main message list: Time column-Mark as Read block hover*/
	    background: rgb(59,150,182); /* Old browsers */
	    /*CSS3*/	
	    background: -moz-linear-gradient(top, rgba(59,150,182,1) 0%, rgba(35,125,155,1) 100%); /* FF3.6+ */
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,150,182,1)), color-stop(100%,rgba(35,125,155,1))); /* Chrome,Safari4+ */
	    background: -webkit-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Chrome10+,Safari5.1+ */
	    background: -o-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Opera 11.10+ */
	    background: linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* W3C */
	    -webkit-box-shadow: 0px 1px 0px 0px #666;
	    -moz-box-shadow: 0px 1px 0px 0px #666;
	    box-shadow: 0px 1px 0px 0px #666;  
    }

    .threeColSocial .DnnModule-Messaging-Notifications .notificationControls { font-weight: bold; /* Main notifications list: Follow back & Dismiss links */  }

    /* Message Header (subject & back button)
    -------------------------------------*/
    .threeColSocial .messageHeader { 
	    padding: 0;
	    margin: 0; 
    }

    .threeColSocial .messageHeader p { 
	    font-size: 13px; 
	    color:#666;
	    float:left;
    }
    .threeColSocial .messageHeader p strong { 
	    color:#333;
    }

    .threeColSocial .messageHeader .returnLink  {
	    font-size: 12px; 
	    font-weight:bold;
    }
	
    /* Show Previous Repies 
    -------------------------------------*/
    .threeColSocial .morePrevMsgButton {
	    color: #666;
	    font-size: 12px;
	    text-align:center; 
	    padding:10px; 
	    margin-bottom:15px;
	    border: solid 1px #c0c0c0;
	    background:#d7d7d7;
	    -webkit-box-shadow: inset 0px 0px 3px 0px #ccc;
	    -moz-box-shadow: inset 0px 0px 3px 0px #ccc;
	    box-shadow: inset 0px 0px 3px 0px #ccc; 

    }

    /* Reply Form
    -------------------------------------*/
    .threeColSocial textarea#replyMessage {
	    width:94%; 
	    height:75px;
	    color: #666;
	    border:1px solid #c0c0c0;
	    background:#f4f4f4;
    }

    .threeColSocial textarea#replyMessage:focus, 
    .threeColSocial textarea#replyMessage:active {
	    color:#666;
	    background:#fff;
    }

    /*------------------------------------------------*/
    /* GENERIC CLASSES
    /*------------------------------------------------*/

    /* Clear-fix for floated elements 
    -------------------------------------*/
    .clear {
	    clear: both;
	    display: block;
	    overflow: hidden;
	    visibility: hidden;
	    width: 0;
	    height: 0;
    }
    .clearfix:after {
	    clear: both;
	    content: ' ';
	    display: block;
	    font-size: 0;
	    line-height: 0;
	    visibility: hidden;
    }

    .left {	float: left; }
    .right { float: right; }
    
    /*------------------------------------------------*/
    /* HOMEPAGE */
    /*------------------------------------------------*/

    /* Welcome Message*/
    .content_intro {
	    padding-top: 30px;
	    color: #8c8c8c;
	    font-size: 14px;
	    line-height: 20px;
	    text-align: center;
	}

    .content_intro h1 span{ font-weight: normal; }
    .content_intro a { font-size: 14px; }

    /* Featured Product */
    .content_featured {
	    color: #999;
	    vertical-align: top;
    }

    .content_featured h2 .TitleH2 {
	    display: block;
	    margin-bottom: 30px;
    }

    .content_featured .normal{ font-weight: normal; }
    .content_featured img { margin-bottom: 25px; }
    .content_featured a.primaryButton { margin-left: 25px; }

    /* News */
    .content_newslist ul {  margin: 0; }

    .content_newslist ul li {
	    list-style-type: none;
	    margin-bottom: 30px;
    }

    .content_newslist ul li.last { margin-bottom: 0; }

    .content_newslist ul li img {
	    float: left;
	    margin-right: 20px;
	    margin-bottom: 20px;
    }

    .content_newslist ul li h5 {  margin-bottom: 5px; }

    .content_newslist ul li span,
    .content_newslist ul li strong { color: #a6a6a6; }

    .content_newslist ul li p {
	    margin-top: 12px;
	    margin-bottom: 12px;
    }

    /* newslist with small thumbnail*/
    .smallThumbnail img {  width: 80px; }

    /* Ads 
    -------------------------------------*/
    /* Ads - Copy Block Style */
    .adContent {
	    position: absolute; 
	    padding: 20px;
        background-color: #000;
	    opacity: 0.7;
        color: #eee;
	}
    .adContent h2 {
        margin-bottom: 5px;
        color: #eee;
        font-weight: normal;
    }

    /* Ads - Style One: 400x270 */
    .content_adstyleOne  {
	    position: relative;
	    width: 400px;
	    height: 270px;
	    margin-right: 5px;
	    color: #eee;
    }

	.content_adstyleOne .adContent {
		bottom: 0;	
		right: 0;
	}

    /* Ads - Style Two: 570x130 */
    .content_adstyleTwo {
	    position: relative;
	    width: 570px;
	    height: 130px;
	    margin-bottom: 10px;
    }
	.content_adstyleTwo .adContent {
		top: 0;	
	}

    /* Footer 
    -------------------------------------*/
    ul.footerlinks { margin: 0;  }
    .footerlinks li {
	    list-style: none;
	    margin-bottom: 8px;
    }
    .footerlinks li a:link,
    .footerlinks li a:visited { color: #808080; }
    .footerlinks li a:hover { color:#D00; }
    ul.footerConnect { margin: 0px; }

    ul.footerConnect li {
	    display: inline-block;
	    list-style-type: none;
	    margin-right: 10px;
    }

/*------------------------------------------------*/
/* ABOUT US */
/*------------------------------------------------*/
    /* Team 
    -------------------------------------*/
    .content_team  ul{ margin: 0px; }

    .content_team  ul li {
	    display: inline-block;
	    width: 110px;	
	    margin-right: 30px;
	    margin-bottom: 40px;
	    text-align: center;
	    list-style-type: none;
	}

    .content_team  ul li.last { margin-right: 0; }

    .content_team  ul li .teampic {
	    width: 110px;
	    height: 147px;
	    margin-bottom: 15px;
	    background-color: #bfbfbf;
    }

    .content_team  ul li img {
	    width: 110px;
	    max-width: 110px;
	    max-height: 147px;
    }

    .content_team  ul li span {
	    display: block;
	    font-weight: bold;
	    white-space: nowrap; 
    }

/*------------------------------------------------*/
/* OUR PRODUCTS */
/*------------------------------------------------*/
    .content_products ul { margin: 0; }

    .content_products ul li {
	    display: inline-block;
        width: 31%;
	    margin-right: 30px;
	    margin-bottom: 45px;
	    vertical-align: top;
	    list-style-type: none;
    }

    .content_products ul li.last { margin-right: 0; }
    .content_products ul li img { margin-bottom: 25px; }

/*------------------------------------------------*/
/* CONTACT US */
/*------------------------------------------------*/
/* One Column Form
-------------------------------------*/
    .form_oneCol label {
	    display: block;
	    font-weight: bold;
	    margin-bottom: 10px;
    }
    .form_oneCol input , .form_oneCol textarea{ width: 94%; }

    /* Dealer Form 
    -------------------------------------*/
    .form_dealer input {
	    width: 200px;
	    margin-bottom: 5px;
    }

/*------------------------------------------------*/
/* Slide jquery
/*------------------------------------------------*/
    #container {
	    position:relative;
	    z-index:0;
	    width:980px;
	    padding:0px;
	    margin:0 auto;
	
    }

    #example {
	    position:relative;
	    width:980px;
	    height:380px;
	}

    /* Slide -*/
    #slides {
	    position:absolute;
	    z-index:9;
	    top:0px; left:0px;
    }

    .slides_container {
	    display:none;
	    position:relative;
	    width:980px;
	    overflow:hidden;
    }

    .slides_container a {
	    display:block;
	    width:980px;
	    height:380px;
	}

    .slides_container a img {
	    display:block;
    }

    /* Next/Prev buttons 
    -------------------------------------*/
    #slides .next, #slides .prev {
	    display: block;
        position: absolute;	   
	    width: 20px; height: 20px;
	    bottom: 9px; left: 12px;
	    padding: 0;
	    z-index:12;
    }

    #slides .prev {  background: transparent url('../images/left-arrow.png') center center no-repeat;  }
    #slides .next {	left:96px;  background: transparent url('../images/right-arrow.png') center center no-repeat; }

    /* Page link -*/
    .pagination_wrap { 
	    display: inline-block;
	    position: absolute;
	    z-index: 10;
	    bottom: 0; right: 0;
	    width: 128px; height: 40px;
	    opacity: 0.8;
	    background-color: #222;
    }
    .pagination {
	    position: absolute;
	    z-index: 11;
	    bottom: 0; right: 0;
	    padding: 0;
	    margin: 15px 40px;
    }

    .pagination li {
	    float:left;
	    margin:0 3px;
	    list-style:none;
    }

    .pagination li a {
        float:left;
	    display:block;
	    width:9px; height:0;
	    padding-top:8px;
	    background-image:url(../images/pagination.png);
	    background-position:0 0;
	    overflow:hidden;
    }

    .pagination li.current a {
	    background-position:0 -9px;
    }
/* ==== Portals/_default/Containers/DarkKnightMobile/container.css ==== */
	.ToggledContentCont{}
	h2.ToggledContentContTitle{font-family:Helvetica, Arial, sans-serif;font-size:24px;margin:0;padding:10px 15px;line-height:1;
	background: #ececec; /* Old browsers */
	background: -moz-linear-gradient(top, #d9d9d9 0%, #c2c2c2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9d9d9), color-stop(100%,#c2c2c2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d9d9d9 0%,#c2c2c2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d9d9d9 0%,#c2c2c2 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #d9d9d9 0%,#c2c2c2 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#c2c2c2',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #d9d9d9 0%,#c2c2c2 100%); /* W3C */
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
	-webkit-box-shadow: 0px 1px 0px 1px #a8a8a8;
	-moz-box-shadow: 0px 1px 0px 1px #a8a8a8;
	box-shadow: 0px 1px 0px 1px #a8a8a8;}
		h2.ToggledContentContTitle a{text-decoration:none;display:block;}
			h2.ToggledContentContTitle > a{background:url(../images/minus-icn.png) no-repeat right;}
			h2.ToggledContentContTitle > a.collapsed{background:url(../images/plus-icn.png) no-repeat right;}
		h2.ToggledContentContTitle .Head{font-family:Helvetica, Arial, sans-serif;font-size:24px;margin:0;padding:0;line-height:1;color:#4c4c4c;text-shadow:1px 1px 0 #fff;}
	.ToggledContentContBody{clear:both;padding:10px;}
/* ==== Portals/_default/Containers/Gravity/container.css ==== */
/* Gravity Container Set styles */
/* NoTitle */
.DNNContainer_noTitle {
}

/* Title_h2 */
.DNNContainer_Title_h2 h2 .TitleH2 {
	display: block;
	margin-bottom: 25px;
}

/* Title_h3 */
.DNNContainer_Title_h3 h3 .TitleH3 {
	display: block;
	padding-bottom: 10px;
	margin-bottom: 25px;
	border-bottom: solid 1px #c0c0c0;
}

/* Title_h4 */
.DNNContainer_Title_h4 h4 .TitleH4 {
	display: block;
	margin-bottom: 25px;
} 
