body {
			font-family:roboto, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			font-size:14px;
			margin:0px;
			background-color:#eee;
		}
		
		#main_content_div {
			margin-top:16px;	
			border:0px;
		}
		
		#main_content_container_div {
			margin-top:0px;	
		}
		
		
		/* PAGE BANNER */		
		#page_banner {			
			display:block;
		}
		
		#page_banner_container {
			border-bottom: 1px solid #CCCCCC;
			overflow: hidden;			
		}
		
		
		
		/* WELCOME MESSAGE */
		
		#welcome_header {
			border-bottom: 1px dotted #CCCCCC;
			font-family: roboto, "Lucida Sans Unicode","Lucida Grande",sans-serif;
			font-weight: normal;
			padding-top: 10px;
			padding-bottom: 10px;
			margin-top: 2px;
			margin-left: 20px;
			margin-right: 20px;
			margin-bottom: 6px;
			text-align: left;
            position:relative;
		}
		
		#welcome_header .home_button {
			float: left;
			background: #ffffff;
			border: 1px solid #ffffff;
			border-radius: 40px;
			padding: 3px;
			padding-top: 2px;
			cursor: pointer;
			margin-top: -4px;
			margin-right: 5px;
		}
		
		#welcome_header .home_button:hover {
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
			background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
			background-color:#ededed;
			box-shadow: 0 0 2px #666;
		}
		
		#welcome_header .welcome_message_user {
			font-size: 18px; 
			line-height: 25px;
		}
			
			
		/* PORTAL FOOTER */
		#portal_bottom_content_div {
			background-color:#f6f6f6;
			margin-top:6px;
			height:50px;
 			background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
 			background: -moz-linear-gradient(top, #fff, #f3f3f3);	
		}
		
		#portal_content_footer {
			width:1004px; 	
			color:#999;
			padding:10px;
			font-size:11px;
			margin-top:16px;
			border-top:1px solid #ddd;
		}
		
		#portal_content_footer a, #portal_footer_powered_by a {
			font-size:10px;
			color:#999;
		}
		
		#portal_footer_powered_by {
			font-size:10px;
			color:#999;
			width:200px;
			text-align:center;
			margin-top:1px;
			margin-bottom:10px;
			margin-left:20px;
			margin-right:20px;
		}

		
		/* GRIDSTER CSS */

		.gridster {
			position:relative;
		}
		
		.gridster ul {
			list-style: none;
		}
		
		.widget_inner ul {
			list-style: disc !important;
		}
		
		.widget_inner .gs_w {
			position: relative !important;
			overflow: visible !important;
		}
		
		.gridster > * {
			margin: 0 auto;
			-webkit-transition: height .4s;
			-moz-transition: height .4s;
			-o-transition: height .4s;
			-ms-transition: height .4s;
			transition: height .4s;
		}
		
		.gridster .gs_w{
			z-index: 2;
			position: absolute;
			background: none repeat scroll 0 0 #FFFFFF;			
			overflow: hidden;
		}
		
		.gridster .widget_border_outer {
			background: #f0f0f0; 
			padding: 3px; 
			padding-bottom: 4px;
		}
		
		.gridster .widget-border-right {
			border:4px solid transparent !important; 
		}
		
		.gridster .widget_border_inner { 
			background: #FFFFFF;			
		}
		
		.gridster .widget_shade {
			position: absolute; 
			top: 0px; 
			left: 0px;			
			width:100%; 
			height: 100%;
			display: none;
		}
		
		.gridster .widget_inner {
			height: 100%;
			overflow: scroll;
    		overflow-x: hidden;
		}
		
		.gridster ::-webkit-scrollbar {
			width: 0px;  /* remove scrollbar space */
			background: transparent;  /* optional: just make scrollbar invisible */
		}
		
		.gridster .widget_content {
			padding: 5px;			
		}
		
		.gridster .gs_moveable {
			border: 1px dashed #CCC !important;
			cursor: move;
		}
		
		.ready .gs_w:not(.preview-holder) {
			-webkit-transition: opacity .3s, left .3s, top .3s;
			-moz-transition: opacity .3s, left .3s, top .3s;
			-o-transition: opacity .3s, left .3s, top .3s;
			transition: opacity .3s, left .3s, top .3s;
		}
		
		.ready .gs_w:not(.preview-holder) {
			-webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
			-moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
			-o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
			transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
		}
		
		.gridster .preview-holder {
			z-index: 1;
			position: absolute;
			background-color: #fff;
			border-color: #fff;
			opacity: 0.3;
		}
		
		.gridster .player-revert {
			z-index: 10!important;
			-webkit-transition: left .3s, top .3s!important;
			-moz-transition: left .3s, top .3s!important;
			-o-transition: left .3s, top .3s!important;
			transition:  left .3s, top .3s!important;
		}
		
		.gridster .dragging {
			z-index: 10!important;
			-webkit-transition: all 0s !important;
			-moz-transition: all 0s !important;
			-o-transition: all 0s !important;
			transition: all 0s !important;
		}		
		
						
		/* WIDGET TITLEBAR */
		.widget_titlebar {
			font-weight:400;
			font-size:17px;
			color:#333;
			padding:8px;
			margin:-6px;	
			background-color:#f0f0f0;	
		}
		
		/* FOR BUTTON ICONS */
		.widget_hover_icon {
			text-align:center;
			padding:10px;
			cursor:pointer;	
		}
			.widget_hover_icon .button_icon_image {
				width: 36px;
				height: 36px;
				margin-top: 2px;
				margin-bottom: 5px;
			}
			
			.widget_hover_icon:hover {
				background-color:#eee;
			}
			
		.widget_button_hover_icon {
			text-align:center;
			-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
			-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
			box-shadow:inset 0px 1px 0px 0px #ffffff;
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
			background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
			background-color:#ededed;				
			border:1px solid #ccc;
			padding:4px;
			border-radius:8px;
			cursor:pointer;
		}
			.widget_button_hover_icon .btn_icon_image {
				vertical-align:middle;
				width:39px;
				height:39px;
			}		
			.widget_button_hover_icon:hover {
				background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
				background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
				background-color:#dfdfdf;
				border:1px solid #999;
			}			
		.wide_widget_button_hover_icon {
			-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
			-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
			box-shadow:inset 0px 1px 0px 0px #ffffff;
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
			background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
			background-color:#ededed;				
			border:1px solid #ccc;
			padding:4px;
			border-radius:8px;
			cursor:pointer;
		}
			.wide_widget_button_hover_icon .btn_icon_image {
				vertical-align:middle;
				width:42px;
				height:42px;
			}		
			.wide_widget_button_hover_icon:hover {
				background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
				background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
				background-color:#dfdfdf;
				border:1px solid #999;
			}
		.tall_widget_hover_icon {
			padding:9px !important;
		}
		.button_icon_bottom_caption {
			font-size:9px;
			color: #444444;
		}
		.button_icon_right_caption {
			margin-left:6px;
			font-size:10px;
			color: #444444;		
		}
		.btn_icon_image_small {
			vertical-align:middle;
			width:24px !important;
			height:24px !important;
		}
		
	
	.portal_button {
		display:block;
		text-align:center;
		color:#333;
		padding:6px;
		padding-top:12px;
		height:22px;
		width:80px;
		margin:4px;
		margin-top: 8px;
		border:1px solid #CCC;
		font-size:15px;
		text-decoration:none;
		background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ddd));
		background: -moz-linear-gradient(top, #f9f9f9, #ddd);	
		background-color:#eee;
		border-radius:20px;
		cursor: pointer;
	}
	
	.portal_button:hover {
		color:#000;
		box-shadow: 0px 0px 6px #999;
		border:1px solid #666;
		text-decoration:none;
	}
	
	.page_link {
		color:#009 !important;
		text-decoration:underline !important;	
	}

/* Mobile stuff */

/* TinyMCE font-size overrides */

	.xx-small {
		font-size: 23px !important;
		line-height: 35px;
	}
	
	.x-small {
		font-size: 25px !important;
		line-height: 38px;
	}
	
	.small {
		font-size: 32px !important;
		line-height: 48px;
	}
	
	.medium {
		font-size: 40px !important;
		line-height: 60px;
	}
	
	.large {
		font-size: 45px !important;
		line-height: 68px;
	}
	
	.x-large {
		font-size: 60px !important;
		line-height: 90px;
	}
	
	.xx-large {
		font-size: 83px !important;
		line-height: 125px;
	}

	/* icon button widgets */

	.icon_button_widget_container {
		border-top: 3px solid #eeeeee;
		padding-top: 9px;
		margin: -5px;
		
	}

	.icon_button_widget_image {
		float: left;
		padding-left: 10px;
	}

		.icon_button_widget_image img {
			height: 60px;
			width: 60px;
		}

	.icon_btn_widget_caption {
		float: left;
		font-size: 32px;
		line-height: 60px;
		margin-left: 20px;
		font-weight: 600;
	}
	
	/* NEW IN V10.6 -- overwrite user_theme_button */
	.admin_topline > div > .user_theme_button {
		border-radius: 24px !important;
		box-shadow: 0 0 2px #CCC !important;
		border-color: #888888 !important;
		font-family: 'Roboto Condensed', Roboto !important;
		font-weight: unset;
		letter-spacing: normal !important;
	}