@font-face {
    font-family: "entypo";
    src: url("./entypo/entypo.eot");
    src: url("./entypo/entypo.eot?#iefix") format("embedded-opentype"),
         url("./entypo/entypo.woff") format("woff"),
         url("./entypo/entypo.ttf") format("truetype"),
         url("./entypo/entypo.svg#entypo") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "entypo-social";
    src: url("./entypo/entypo-social.eot?#iefix") format("embedded-opentype"),
         url("./entypo/entypo-social.woff") format("woff"),
         url("./entypo/entypo-social.ttf") format("truetype"),
         url("./entypo/entypo-social.svg#entypo-social") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: Museo;
    src: url("./fonts/SofiaProLight.woff") format("woff"),
         url("./fonts/SofiaProLight.ttf") format("truetype"),
         url("./fonts/SofiaProLight.svg") format("svg"),
		 url("./fonts/SofiaProLight.eot") format("eot");
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: Museo;
	font-weight:bold;
    src: url("./fonts/SofiaProRegular.woff") format("woff"),
         url("./fonts/SofiaProRegular.ttf") format("truetype"),
         url("./fonts/SofiaProRegular.svg") format("svg"),
		 url("./fonts/SofiaProRegular.eot") format("eot");
	font-style: normal;
}

@font-face {
	font-family: ProximaNova;
    src: url("./fonts/SofiaProLight.woff") format("woff"),
         url("./fonts/SofiaProLight.ttf") format("truetype"),
         url("./fonts/SofiaProLight.svg") format("svg"),
		 url("./fonts/SofiaProLight.eot") format("eot");
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: ProximaNova;
	font-weight:bold;
    src: url("./fonts/SofiaProRegular.woff") format("woff"),
         url("./fonts/SofiaProRegular.ttf") format("truetype"),
         url("./fonts/SofiaProRegular.svg") format("svg"),
		 url("./fonts/SofiaProRegular.eot") format("eot");
	font-style: normal;
}


html,body
{
	height: 100%;
	margin:0px;
	padding:0px;
}

body
{
	background-color:#d95843;
	background-position:center center;
	position: static !important;
	top: 0 !important;
}

a img
{
	border:0px;	
}

a
{
	cursor:pointer;
}

#loggedin
{
	background-color:#d95843;
}

#popup
{
	position:fixed;
	display:block;
	top:50%;
	margin-top:-200px;
	left:50%;
	margin-left:-325px;
	width:650px;
	height:400px;
	z-index:13;
	font-family: "Museo", "ProximaNova", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#595959;		
	padding:0px;	
	text-align:center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
	display:none;
}

#sync,
#process
{
	border:0px;
	position:absolute;
	display:block;
	top:0px;
	width:0px;
	height:0px;
	z-index:-1;	
}

#loading
{
	position:fixed;
	display:block;
	width:auto;
	height:auto;
	left:325px;
	bottom:0px;
	right:0px;
	top:60px;
	z-index:100;
	background-image:url(../images/icons/spinninggear.gif);
	background-size:25px 25px;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:rgba(255,255,255,1);
}

#black,
#black_sub
{
	position:fixed;
	display:block;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:140;		
	background-color:#000000;
	width:auto;
	height:auto;
	display:none;
	cursor:pointer;
}

		
div.messagebar_success,
div.messagebar_error
{
	position:fixed;
	display:block;
	bottom:20px;
	left:345px;
	width:auto;
	right:20px;
	z-index:513;
	font-family: Arial, "Museo", "ProximaNova", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#595959;		
	padding:15px;
	padding-left:50px;	
	text-align:left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	margin:0px;
}

div.messagebar_success
{
	background-color:#444;
	border-top:1px solid #333;
	color:#fff;
	text-shadow: 1px 1px rgba(0,0,0,0.4);

	background-image:url(../images/icons/Very-Basic-Ok-icon.png);
	background-repeat:no-repeat;
	background-size:20px 20px;
	background-position:16px 12px;	 
}

div.messagebar_error
{
	background-color:#b50010;
	border-top:1px solid #e11a28;
	color:#fff;
	text-shadow: 1px 1px rgba(0,0,0,0.4);
	padding-left:25px;	
	
	background: -moz-linear-gradient(top,  #e11c28 0%, #b50010 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e11c28), color-stop(100%,#b50010)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e11c28 0%,#b50010 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e11c28 0%,#b50010 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e11c28 0%,#b50010 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e11c28 0%,#b50010 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e11c28', endColorstr='#b50010',GradientType=0 ); /* IE6-8 */
}



div.wallpaper
{
	display:block;
	position:fixed;
	left:0px;
	top:0px;
	bottom:0px;
	width:500px;
	background-color:transparent;
	background-image:url(../library/generate.wallpaper.php);
	background-attachment:fixed;
	background-repeat:repeat-x;
	background-position:0px 0px;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;
	z-index:2;
}

div.framework_left_menu_bg_color
{
	position:fixed;
	display:block;
	border:0px;
	top:0px;
	bottom:0px;
	width:80px;
	height:auto;
	z-index:1;
	left:0px;
	background-color:rgba(181,176,165,1.0);
}

div.framework_left_menu
{
	position:fixed;
	display:block;
	border:0px;
	top:0px;
	bottom:0px;
	width:80px;
	height:auto;
	z-index:45;
	left:0px;
	background-color:rgba(181,176,165,0.7);
	padding:0px;
	
	border-right:1px solid rgba(255,255,255,0.1); /*  #3a3c44; */

	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.4);
	box-shadow: 0 0 6px rgba(0,0,0,0.4);
	
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

	div.framework_left_menu ul
	{
		list-style:none;
		border:0px;
		position:relative;
		display:block;
		padding:0px;
		margin:0px;
		margin-top:60px;
	}
	
	div.framework_left_menu ul li
	{
		display:inline-block;
		margin:0px;
	}
	
	div.framework_left_menu ul li.first
	{
		border-left:0px;
	}
	
	div.framework_left_menu ul li a
	{
		font-family: arial, "ProximaNova", Arial;
		font-size:10px;
		color:rgba(255,255,255,0.5);	
		padding:0px;
		margin:0px;
		text-decoration:none;
		font-weight:normal;
		cursor:pointer;
		background-color:transparent;
		padding-left:0px;
		padding-right:2px;
		padding-top:40px;
		margin-bottom:0px;
		display:block;
		width:78px;
		height:22px;
		display:block;
		text-align:center;
		background-repeat:no-repeat;
		background-position:center 10px;
		border-bottom:1px solid #202228;
		border-top:1px solid #3a3c44;
		text-shadow: 1px 1px #000;
	}
	
	div.framework_left_menu ul li:hover a
	{
		color:#fff;	
		background-color:#25282e;
		border-top:1px solid #25282e;
	}
	
	div.framework_left_menu ul li.active a,
	div.framework_left_menu ul li.active:hover a
	{
		color:#fff;	
		background-color:#25282e;
		border-left:0px solid #d95843;
		border-top:1px solid #202228;
		width:78px;
	}
	
	div.entypo
	{
		display:inline-block;
		border:0px;
		font-family: "entypo", Arial;
		font-size: 2.5em;
		line-height: 1;	
		text-align:center;
		width:75px;
		left:0px;
		height:40px;
		color:rgba(255,255,255,0.5);	
		margin:0px;
		padding:0px;
		margin-top:-7px;
		cursor:pointer;
		vertical-align:top;
		position:absolute;
		z-index:10;
	}
	
	div.framework_left_menu ul li div.entypo:hover,
	div.framework_left_menu ul li.active div.entypo,
	div.framework_left_menu ul li:hover div.entypo,
	div.framework_left_menu ul li.active:hover div.entypo
	{
		color:#fff;
	}
	
	div.framework_left_menu ul li.active div.entypo
	{
		color:#fff;
	}
	
	div.framework_left_menu ul li div.number
	{
		font-family: "ProximaNova", Arial;
		font-size:9px;
		color:#fff;	
		background-color:#e30000;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		display:block;
		overflow-x:hidden;
		overflow-y:hidden;
		padding-left:0px;
		padding-right:2px;
		padding-top:0px;
		padding-bottom:0px;
		vertical-align:middle;
		text-align:center;
		width:13px;
		height:14px;
		text-align:center;
		position:absolute;
		margin-left:58px;
		margin-top:-54px;
	}	
	
	div.framework_left_menu ul li a div.number
	{
		display:none;	
	}
	
	div.framework_left_menu_swipe_icon
	{
		display:block;
		width:80px;
		height:60px;
		position:fixed;
		top:0px;
		left:0px;
		cursor:pointer;
		z-index:60;	
	}
	



div.framework_middle_menu_header
{
	position:fixed;
	display:block;
	border:0px;
	top:0px;
	bottom:0px;
	width:246px;
	height:62px;
	z-index:35;
	left:80px;
	background-color:transparent;
	padding:0px;
}

	div.framework_middle_menu_header_whitebar
	{
		position:fixed;
		display:none;
		border:0px;
		top:60px;
		bottom:0px;
		width:7px;
		height:62px;
		z-index:3;
		left:80px;
		background-color:transparent;
		padding:0px;
	}
	
	div.framework_middle_menu_header_darkbar
	{
		position:fixed;
		display:block;
		border:0px;
		top:60px;
		bottom:0px;
		width:246px;
		height:1px;
		z-index:3;
		left:80px;
		background-color:transparent;
		padding:0px;
	}
	
	div.framework_middle_menu_header h1
	{
		font-family: "ProximaNova", Arial;
		font-size:20px;
		color:#fff;
		font-weight:normal;
		margin:0px;
		padding:0px;
		padding-top:20px;
		padding-left:25px;
	}

div.framework_middle_menu
{
	position:fixed;
	display:block;
	border:0px;
	top:0px;
	bottom:0px;
	width:246px;
	height:auto;
	z-index:2;
	left:80px;
	background-color:transparent;
	padding:0px;
	padding-top:61px;
	
	border-right:1px solid #fff;
}

	div.framework_middle_menu ul
	{
		list-style:none;
		border:0px;
		position:relative;
		display:block;
		padding:0px;
		margin:0px;
	}
	
	div.framework_left_menu ul li
	{
		display:inline-block;
		margin:0px;
	}
	
	div.framework_middle_menu ul li.first
	{
		border-left:0px;
	}
	
	div.framework_middle_menu ul li a
	{
		font-family: arial, "ProximaNova", Arial;
		font-size:12px;
		color:rgba(255,255,255,1);
		padding:0px;
		margin:0px;
		text-decoration:none;
		font-weight:normal;
		cursor:pointer;
		background-color:transparent;
		padding-left:25px;
		padding-right:0px;
		padding-top:17px;
		display:block;
		width:221px;
		height:31px;
		display:block;
		text-align:left;
		text-shadow: 1px 1px rgba(0,0,0,0.2);
		border-bottom:1px solid rgba(255,255,255,0.1);
		border-top:0px solid #eee;
	}
	
	div.framework_middle_menu ul li:hover a
	{
		background-color:rgba(255,255,255,0.2);
		color:#fff;
	}
	
	div.framework_middle_menu ul li.active a
	{
		background-color:rgba(255,255,255,0.1);
		color:#fff;
		font-weight:normal;
	}
	
	div.framework_middle_menu ul li.active:hover a
	{
		color:#fff;
	}
	
	div.framework_middle_menu ul li div.number
	{
		font-family: Arial;
		font-size:11px;
		background-color:rgba(255,255,255,1);
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;	
		border:0px solid rgba(255,255,255,1);
		color:#d95843;
		display:block;
		padding-left:5px;
		padding-right:6px;
		padding-top:1px;
		padding-bottom:1px;
		width:autox;
		text-align:center;
		position:absolute;
		right:34px;
		margin-top:-33px;
	}
	
	div.framework_middle_menu ul li:hover div.number,
	div.framework_middle_menu ul li.active div.number,
	div.framework_middle_menu ul li.active:hover div.number
	{
		border:0px solid #fff; 
		color:#d95843;
	}
	
#usage_bar
{
	z-index:6;
	cursor:pointer;
}

	#usage_bar p
	{
		font-family:  Arial;
		font-size:10px;
		color:#fff;
		margin:0px;
		padding:0px;
		margin-bottom:5px;
	}
	
	#usage_bar div.usage_bar_kpi
	{
		font-family:  Arial;
		font-size:10px;
		color:#fff;
		width:206px;
		text-align:right;
		display:block;
		margin-top:-18px;
		position:absolute;	
		display:none;
	}
	
	#usage_bar div.usage_bar_back_bar
	{
		margin-top:5px;
		display:block;
		height:9px;
		width:100%;
		background-color:rgba(0,0,0,0.2);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;		
	}
	
	#usage_bar div.usage_bar_front_bar
	{
		display:block;
		height:9px;
		width:100%;
		background-color:#fff;
		margin-top:-9px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;	
		
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#eeeeee");
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
		background: -moz-linear-gradient(top,  #ffffff,  #eeeeee);
	}


	
	
div.search_form
{
	display:block;
	position:fixed;
	z-index:4;
	top:0px;
	width:auto;
	left:80px;
	height:60px;
	display:none;
}

	div.search_form form
	{
		margin:0px;
		padding:0px;	
	}

	div.search_form form input.keyword
	{
		display:block;
		width:271px;
		margin-left:7px;
		margin-top:12px;
		height:32px;
		border:0px;
		background-color:rgba(255,255,255,0.2);
		font-family: "Museo", "ProximaNova", Arial;
		font-size:14px;
		color:rgba(255,255,255,0.6);
		padding-left:10px;
	}
	
	div.search_form form input.keyword:focus,
	div.search_form form input.keyword:hover
	{
		background-color:rgba(255,255,255,0.3);
		color:rgba(255,255,255,1);
	}
	
	div.search_form form a.search_form_submit
	{
		border:0px;
		background:#f1f1f1;
		color:transparent;
		display:block;
		position:absolute;
		margin-top:-32px;
		margin-left:256px;
		cursor:pointer;
		
		width:30px;
		height:30px;
		margin-right:10px;
		border:0px solid rgba(255,255,255,0.5);
		border:1px solid #eeeeee !important;
		
		margin-bottom:0px;
		
		background-image:url(../images/icons/login_arrow_white.png);
		background-position:center center;
		background-repeat:no-repeat;	
	}
	


a.logo
{
	background-image:url(../library/generate.companylogo.php);
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:left middle;
	background-color:transparent;
	display:block;
	position:fixed;
	top:10px;
	left:366px;
	width:340px;
	height:40px;
	cursor:pointer;
	z-index:38;	
}

	
#user_details
{
	display:block;
	position:fixed;
	z-index:37;
	top:0px;
	width:auto;
	left:327px;
	right:0px;
	bottom:0px;
	height:60px;
	border-bottom:1px solid #e1e1e1;
	background-color:rgba(247,248,248,0.9);
}

	#user_details div.details
	{
		margin-right:0px;
		text-align:right;
		display:block;
		position:absolute;
		right:0px;
		height:60px;
		top:0px;
		width:auto;
		font-size:12px;
		font-weight:normal;
		font-family: Arial, "Museo", "ProximaNova", Arial, Helvetica, sans-serif;
		color:#d95843;
		z-index:5;	
		padding-right:85px;
		padding-left:10px;
		padding-top:21px;
	}
	
	#user_details strong
	{
		color:#6e6e6e;
		font-weight:normal;		
	}
		
	#user_details a
	{
		color:#333;	
		text-decoration:none;	
	}
	
	div.notification_kpi
	{
		font-family: "Museo", "ProximaNova", Arial;
		font-size:11px;
		color:#fff;	
		background-color:#d95843;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		display:inline-block;
		padding-left:4px;
		padding-right:4px;
		padding-top:2px;
		padding-bottom:2px;
		width:auto;
		min-width:8px;
		text-align:center;
		margin-right:2px;
		margin-top:-2px;
	}


div.profile_picture
{
	display:inline-block;
	width:50px;
	height:50px;
	margin-right:10px;
	border:2px solid #d95843;
	margin-bottom:0px;
	
	background-position:center center;
	background-repeat:no-repeat;
	background-size: 100% auto;
	
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;

}

	div.profile_picture.small
	{
		background-size: cover;
		border:0px solid #fff;
		width:50px;
		height:50px;
		margin-left:0px;
		box-shadow: inset 0 20px rgba(255,255,255,0.2), 
		inset 0 -10px 10px rgba(0,0,0,0.1);
	}
	
	div.profile_picture.preview
	{
		background-size: 200% auto;
		border:2px solid #fff;
		width:30px;
		height:30px;
		display:block;
		margin:0px;
		-webkit-border-radius: 60px;
		-moz-border-radius: 60px;
		border-radius: 60px;
	}
	
	div.profile_picture.online
	{
		display:inline-block;
		width:41px;
		height:41px;
		padding:0px;
		margin-right:1px;
		border:0px;
		background-color: #d95843;
		-webkit-border-radius: 80px;
		-moz-border-radius: 80px;
		border-radius: 80px;
		margin-bottom:5px;
	}
	
	div.profile_picture.block
	{
		display:inline-block;
		width:41px;
		height:41px;
		padding:0px;
		margin-right:1px;
		border:0px;
		background-color: #d95843;
		-webkit-border-radius: 80px;
		-moz-border-radius: 80px;
		border-radius: 80px;
		margin-bottom:0px;
	}

	div.profile_picture.icon
	{
		display:inline-block;
		width:40px;
		height:40px;
		position:absolute;
		top:8px;
		right:10px;
		padding:0px;
		margin-bottom:0px;
		border:0px;
		border:2px solid #d95843;;
		background-color: #f5f5f5;
		-webkit-border-radius: 53px;
		-moz-border-radius: 53px;
		border-radius: 53px;
	}	
	
	div.profile_picture.icon:hover
	{
		background-size: 125% auto;
	}
	
div.top_bar
{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	height:2px;
	width:auto;
	background-color:#d95843;
	z-index:60;
}

div.background,
div.background_back
{
	display:block;
	position:fixed;
	top:0px;
	width:auto;
	left:326px;
	right:0px;
	bottom:0px;
	height:auto;
	background-color:#f7f8f8;
	z-index:4;
	border-left:0px solid #d1d1d2;
	
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.4);
	box-shadow: 0 0 8px rgba(0,0,0,0.4);
}

div.framework_body
{
	z-index:5;
	display:block;
	position:absolute;
	top:50px;
	width:auto;
	left:326px;
	right:0px;
	bottom:0px;
	height:auto;
	padding:40px;
	padding-right:25px;
}

#framework_body_content
{
	padding-bottom:100px;	
}










p.info
{
	color:rgba(217,88,67,1);
	line-height:16px;
	font-family: Arial, "Museo", "ProximaNova", Tahoma, Arial, Microsoft New Tai Lue, Arial;
	font-size:12px;
	margin-bottom:20px;
	background: rgba(217,88,67,0.1);
	border:0px solid rgba(217,88,67,0.2);
	padding:10px;
	padding-left:12px;
	background-position:right center;
	background-repeat:no-repeat;
	margin-bottom:10px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;  
	border-radius: 3px;  
	text-shadow: 1px 1px #fff;
}

p.alert
{
	color:#dd0000;
	line-height:16px;
	font-family: Arial, "Museo", "ProximaNova", Tahoma, Arial, Microsoft New Tai Lue, Arial;
	font-size:12px;
	margin-bottom:20px;
	background: #ffeaea;
	border:0px solid #ffa1a1;
	padding:15px;
	padding-left:12px;
	background-position:right center;
	background-repeat:no-repeat;
	margin-bottom:10px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;  
	border-radius: 3px;  
	text-shadow: 1px 1px #fff;
}

div.data_content
{	
	color:#333;
	font-family: "Museo", "ProximaNova", Arial;
	font-size:14px;	
	line-height:17px;
}

div.data_content div.shadow
{
	background-image: url(../images/framework/shadow_bottom.png);
	background-position:bottom center;
	background-repeat:no-repeat;	
	padding-bottom:7px;
	margin-bottom:5px;
}

div.blue.line
{
	border:1px solid #ddd;
}

div.data_content div.whitediv
{
	position:relative;
	padding:15px;
	background-color:#ffffff;
	border:1px solid #d2e9f1;
	color:#01a7e3;
	margin:0px;	
	-webkit-border-radius: 4px;  
	-moz-border-radius: 4px;  
	border-radius: 4px; 
}

div.data_content div.whitediv p,
div.data_content div.blue p,
div.data_content div.yellow p
{
	color:#333;
	font-family: "Museo", "ProximaNova", Arial;
	font-size:14px;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	margin-top:5px;
}

div.data_content div.yellow
{
	position:relative;
	padding:15px;
	background-color:#ffffff;
	border:1px solid #d2e9f1;
	color:#01a7e3;
	margin:0px;	

	border:1px solid rgba(217,88,67,0.2);
	-webkit-border-radius: 4px;  
	-moz-border-radius: 4px;  
	border-radius: 4px;  
}

div.data_content div.yellow p
{
	margin:0px;
	padding:0px;
	font-size:14px;	
}

div.data_content h1
{
	font-family: "ProximaNova", Arial,Tahoma, Century Gothic, Microsoft New Tai Lue, Arial;
	font-size:26px;
	color:#222;
	padding:0px;
	margin:0px;	
	font-weight:normal;	
	margin-bottom:20px;
	line-height:28px;
	text-shadow: 1px 1px #fff;
	
	padding-bottom:10px;
	border-bottom:1px solid rgba(217,88,67,0.2);
}

div.data_content h3
{
	font-family: "ProximaNova", Tahoma, Arial, Microsoft New Tai Lue, Arial;
	font-size:14px;
	color:#111111;
	padding:0px;
	margin:0px;	
	margin-bottom:3px;	
	margin-top:-20px;
	font-weight:normal;
	text-shadow: 1px 1px #fff;
}

div.data_content h2
{
	font-family: "ProximaNova", Arial;
	font-size:14px;
	color:#d95843;	
	padding:0px;
	margin:0px;	
	margin-bottom:6px;
	text-align:right;
	margin-top:-7px;
	text-shadow: 1px 1px #fff;
}

div.data_content h4
{
	font-family: "ProximaNova", Arial;
	font-size:20px;
	font-weight:normal;
	color:#000;	
	padding:0px;
	margin:0px;	
	margin-top:10px;
	margin-bottom:20px;
	text-align:left;
	border-top:0px solid #ddd;
	padding-top:30px;
	padding-left:0px;
	margin-left:0px;
	margin-right:0px;
	width:100%;
	text-shadow: 1px 1px #fff;
}

div.data_content div.blue h4
{
	margin-top:5px;	
}

div.data_content h5
{
	font-family: "ProximaNova", Arial;
	font-size:14px;
	font-weight:normal;
	color:#d95843;	
	padding:0px;
	margin:0px;	
	margin-bottom:10px;
	text-align:left;
	margin-top:0px;
	text-shadow: 1px 1px #fff;
}

div.data_content h4.collapse_button
{
	cursor:pointer;
	width:100%;	
}

div.data_content h4.collapse_button:hover
{
	color:#c81e9e;
}

div.data_content hr
{
	border-top: 0px solid #ffffff;
	border-left: 0px solid #ffffff;
	border-right: 0px solid #ffffff;
	
	background-color: #ffffff;
	height:1px;
	
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-bottom-color: #eee;
	margin-top:15px;
	margin-bottom:15px;	
}

div.data_content table tr
{
	height:30px;
}

div.data_content table tr td
{
	font-family: "Museo", "ProximaNova", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#595959;
}

table.add
{
	background-color:#fff;
	border:1px solid #ddd;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;  
	border-radius: 3px;
}

table.add tr
{
	height:30px;
}

table.add tr td
{
	font-family: "Museo", "ProximaNova", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	padding:10px;
	font-weight:normal;
	padding-left:10px;
	padding-right:10px;
}

table.add tr td.first
{
	font-weight:bold;
	background-color:transparent;
}


table.white
{
	background-color:#ffffff;
	border:1px solid #d2e9f1;	
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;  
	border-radius: 3px;
}

table.white tr
{
	height:30px;
}

table.white tr td
{
	font-family: Arial, "Museo", "ProximaNova", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	padding-left:10px;
	padding-right:10px;
}


pre
{
	color:#d95843;
	padding:20px;			
}


div.data_content form.form
{
	position:relative;
	padding:15px;
	background-color:#f4f4f4;
	border:1px solid #dfdfdf;
	color:#333;
	margin:0px;
	-webkit-border-radius: 0px;  
	-moz-border-radius: 0px;  
	border-radius: 0px;  
}

div.data_content form.form input,
div.data_content form.form select,
div.data_content form.form textarea,
div.data_content div.blue input, 
div.data_content div.blue select,
div.data_content div.blue textarea,
div.data_content div input, 
div.data_content div select,
div.data_content div textarea,
div.data_content div .multiselectbox 
{
	background-color:#fff;
	border:1px solid #ddd;
	width:100%;	
	font-family: arial, "Museo", "ProximaNova", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;	
	margin-top:3px;
	margin-bottom:2px;
	padding:10px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;  
	border-radius: 3px;  
	
	box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box; 
}

div.data_content form.form input,
div.data_content div.blue input,
div.data_content form.form textarea,
div.data_content div.blue textarea,
div.data_content div input,
div.data_content div textarea 
{
	width:100%;		
}

div.data_content form input:hover,
div.data_content form select:hover
{
	border:1px solid rgba(217,88,67,0.7);
}

select
{
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
	-webkit-padding-end: 20px;
	-webkit-padding-start: 2px;
	-webkit-user-select: none;
	-webkit-appearance: none; /* Safari and Chrome */
	-moz-appearance: none; /* Firefox */
	appearance: none;
	background-image: url(../images/icons/select_arrow.png);
	background-position: center right;
	background-size: 12px;
	background-repeat: no-repeat;
	border: 1px solid #e7e7e7;
	font-family: Arial, "Museo", "ProximaNova", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin: 0;
	overflow: hidden;
	padding-top: 2px;
	padding-bottom: 2px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

div.data_content form.form select,
div.data_content div.blue select,
div.data_content div select
{
	-moz-appearance: none;
	-webkit-appearance: none;
}

select:focus
{
	outline: none;
    -webkit-box-shadow: 0px 0px 5px #d95843;  
    -moz-box-shadow: 0px 0px 5px #d95843;  
    box-shadow: 0px 0px 5px #d95843; 
}

select optgroup
{
	margin-top: 1em;
}

input:focus {  
	outline: none;
    -webkit-box-shadow: 0px 0px 5px #d95843;  
    -moz-box-shadow: 0px 0px 5px #d95843;  
    box-shadow: 0px 0px 5px #d95843;  
}  

#checkbox, div.data_content form input.checkbox, .checkbox
{
	width:20px;
	margin:0px;
	padding:0px;
	border:0px;
	-moz-box-shadow:    none;
	-webkit-box-shadow: none;
	box-shadow:         none;
}

#radio, div.data_content form input.radio
{
	width:20px;
	margin:0px;
	padding:0px;
}

div.data_content form.form textarea
div.data_content div.blue textarea
{
	width:99%;	
}

input[type="text"]:disabled
{
	background:#dddddd;
	-moz-opacity:.60;
	filter:alpha(opacity=60);
	opacity:.60;
}

input[type="text"]:disabled:hover
{
	border:1px solid #ddd;
}

a.submit,
div.data_content div.blue a.submit,
div.data_content form.form a.submit
{
	display:inline-block;
	cursor:pointer;
	background: rgba(217,88,67,0.9);
	color:#fff;
	font-size:14px;
	font-family: "ProximaNova", Arial;
	padding:8px;
	font-weight:normal;
	padding-left:20px;
	padding-right:20px;
	margin-top:0px;
	width:auto;
	text-align:center;
	text-decoration:none;
	border:0px solid #c3dc71;
	border-bottom:2px solid rgba(217,88,67,1);
	min-width:150px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	text-shadow: none;
}

a.submit.itemdelete,
div.data_content div.blue a.submit.itemdelete,
div.data_content form.form a.submit.itemdelete
{
	background-color:#c81e1e;
	color:#ffffff;
}

a.submit.itemimport,
div.data_content div.blue a.submit.itemimport,
div.data_content form.form a.submit.itemimport
{
	position:absolute;
	right:123px;
	top:3px;
}

a.submit.grey,
div.data_content div.blue a.submit.grey,
div.data_content form.form a.submit.grey
{
	background-color:#bbbbbb;
}

a.submit:hover,
div.data_content div.blue a.submit:hover,
div.data_content form.form a.submit:hover
{
	background-color:rgba(217,88,67,1);
	cursor:pointer;
	color:#ffffff;
}

a.submit.itemdelete:hover,
div.data_content div.blue a.submit.itemdelete:hover,
div.data_content form.form a.submit.itemdelete:hover
{
	background-color:#dd0000;
	cursor:pointer;
	color:#ffffff;
}

a.submit.right,
div.data_content div.blue a.submit.right,
div.data_content form.form a.submit.right
{
	right:0px;
	position:absolute;
}

a
{
	color:rgba(217,88,67,1);
}

form.hidden
{
	margin:0px;
	padding:0px;
	display:inline-block;
}

a.button
{
	display:inline-block;
	cursor:pointer;

	background: #f8f8f8;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f3f3f3");
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3));
	background: -moz-linear-gradient(top,  #ffffff,  #f3f3f3);
	text-shadow: #fff 1px 1px 1px;	

	color:#333;
	font-size:12px;
	font-family: Arial;
	padding:8px;
	padding-top:7px;
	font-weight:normal;
	padding-left:20px;
	padding-right:20px;
	margin-top:7px;
	width:auto;
	text-align:center;
	text-decoration:none;
	border:1px solid #dfdfdf;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-moz-box-shadow: inset 0 0 2px #f9f9f9;
	-webkit-box-shadow: inset 0 0 2px #f9f9f9;
	box-shadow: inner 0 0 2px #f9f9f9;
}

	a.button:hover,
	a.button.hover
	{
		color:#fff;
		background: #e65d5d;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		text-shadow: none;
		border:1px solid #fff;
	}

a.button.blue
{
	background: #189ac9;
	border-bottom:2px solid #1581a8;
	text-shadow: #666 1px 1px 1px;	
}

.mc-hidden {
	display:none;
}

.mc-nowrap {
    white-space: nowrap;
}

.mc-text-monospace {
    font-family: "Courier New",SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
}

.mc-tr-indent {
    color: #b4479a;
    margin-left: 1rem;
    margin-right: 0.9rem;
}

.mc-text-success {
    color: #008000;
}

.mc-text-error {
    color: #ff0000;
}

.mc-product-import-row {
    cursor: pointer;
}

.mc-product-import-row > td > img {
    height: 4rem;
}

#mc-subscribe-me-wrapper {
    display: inline-block;
}

#mc-subscribe-me-link {
    text-decoration: underline;
    cursor: pointer;
}

.mc-profiler-bar {
    z-index: 150;
    position: fixed;
    bottom: 0;
    right: 0;
    text-align: right;
    width: auto;
    display: block;
    font-family: consolas, monospace;
    font-size: 10px;
    color: lime;
    background: #000;
    padding: 2px 4px;
}

.mc-btn-loading {
    color: #dddddd !important;
    opacity: .9 !important;
    cursor: wait !important;
}

.mc-area-loading {
    opacity: .7;
    filter: blur(1px);
}

table.formatted_table
{
	margin-bottom:0px;
	border:1px solid #dfdfdf;
	background-color:#ffffff;
}

table.formatted_table .expandable{
	cursor:pointer;
}

table.clean_table
{
	margin:0;padding:0;
	border:none;
	background-color:#ffffff;
}
table.clean_table thead tr{
	background:none!important;
}

table.formatted_table thead tr
{
	height:30px;
	background: #f4f4f4; /* Old browsers */

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
}

table.formatted_table thead tr td,
table.formatted_table thead tr th
{
	font-weight:bold;	
	border-bottom:0px solid #d2e9f1;
	color:#333;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;	
	padding-right:10px;	
	font-size:14px;
	text-shadow: 1px 1px #fff;
}

table.formatted_table tbody tr
{
	background-color:#ffffff;
}

table.formatted_table tbody tr td
{
	border-bottom:1px solid rgba(100,100,100,0.1);
	padding: 10px;
}

table.formatted_table tbody tr:hover
{
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #f5f5f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9f9f9 0%,#f5f5f5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#f5f5f5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9f9f9 0%,#f5f5f5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-8 */
}

table.formatted_table tbody tr:hover td,
table.formatted_table tbody tr:hover td a
{
	color:#d95843;
}

table.formatted_table tbody tr td a.submit,
table.formatted_table tbody tr td a
{
	text-decoration:none;
	background-color:transparent;
	border:0px;
	color:#333;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	display:inline;
	cursor:pointer;
}

table.formatted_table tbody tr td a.submit:hover,
table.formatted_table tbody tr td a:hover
{
	background-color:transparent;
	color:#d95843;
	cursor:pointer;
}

table.formatted_table tbody tr.warning td a.submit
{
	color:#d95843;
}


div.td_info
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size:11px;
	color:#888;
	text-shadow:none;
	background-color:transparent;
	padding:0px;
	width:auto;
	display:inline-block;
	padding-left:0px;
	padding-right:7px;
	margin-top:0px;
}




div.white table.formatted_table tbody tr
{
	background-color:#fff;
}

div.white table.formatted_table tbody tr:hover
{
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #f5f5f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9f9f9 0%,#f5f5f5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#f5f5f5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9f9f9 0%,#f5f5f5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-8 */
}

div.white table.formatted_table tbody tr:hover td,
div.white table.formatted_table tbody tr:hover td a
{
	color:#d95843;
}

div.white table.formatted_table tbody tr:hover td a:hover
{
	text-decoration:underline;
	color:#d95843;
}



span.help_text
{
	color:#01a7e3;
	font-size:12px;
}

img.collapse_button
{
	cursor:pointer;
	position:absolute;
	right:14px;
	margin-top:-35px;
}

img.preview
{
	width:257px;
	/*height:181px;*/
	border:6px solid #d2e9f1;	
}

div.small_preview
{
	width:100%;
	height:30px;
	margin-top:5px;
	margin-bottom:5px;
	border:3px solid #fff;	
	background-color:#fff;
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center center;
}

a.tab
{
	text-decoration:none;
	background-color:#d2e9f1;
	border:0px solid #d2e9f1;
	border-bottom:0px;
	color:#01a7e3;
	padding-left:20px;
	padding-right:20px;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:10px;
	display:inline-block;
	cursor:pointer;
	margin-bottom:0px;
}

a.tab.active
{
	background-color:#01a7e3;
	color:#ffffff;	
}

a.tab:hover
{
	background-color:#c81e9e;
	color:#ffffff;	
}

a.tab.delete.active,
a.tab.delete:hover
{
	background-color:#dd0000;
	color:#ffffff;	
}

span.news_image
{
	display:inline-block;
	width:80px;
	height:80px;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:10px;
	background-position: center center;	
	cursor:pointer;
	float:left;
}

span.news_image_border
{
	display:block;
	width:80px;
	height:80px;
	background-image:url(../images/framework/news_image_border.png);
	background-repeat:no-repeat;
	background-position:top left;
}

div.kpi
{
	display:block;
	width:90px;
	height:30px;
	font-size:18px;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;	
	padding-top:14px;
	
	
	background-color:rgba(217,88,67,1);
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;  
	border-radius: 3px; 
	border:1px solid rgba(217,88,67,0.4);
	text-shadow:none;
	text-align:center;	
}

div.yellow h6
{
	padding:0px;
	margin:0px;
	font-family: Arial;
	font-size:12px;
	margin-top:-2px;
	margin-bottom:0px;
	font-weight:normal;
	color:#d95843;
}

div.stats_grey_bar
{
	margin-top:5px;
	display:block;
	height:9px;
	width:100%;
	background-color:#eeeeee;		
}

div.stats_blue_bar
{
	display:block;
	height:9px;
	width:100%;
	background-color:#d95843;
	margin-top:-9px;		
}






#list_rss_items
{
	background-color:#ffffff;
	padding:10px;
	margin-top:20px;	
}

table.select_groups div.checkbox
{
	height:40px;
	display:block;
	margin-bottom:2px;
	
	background-color:#fff;
	border:1px solid rgba(217,88,67,0.4);
	color:#d95843;
	

	background-color:#f4f4f4;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ededed"); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff,  #ededed); /* for firefox 3.6+ */


	border:1px solid #e7e7e7;
	width:100%;	
	font-family: "Open Sans", Arial, "ProximaNova", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777;	
	margin-top:3px;
	margin-bottom:2px;
	padding:10px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;  
	border-radius: 3px;  
	box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box; 

	
	padding-top:11px;
	padding-left:40px;
	cursor:pointer;
	margin-bottom:5px;		
	background-image:url(../images/icons/checkbox_unchecked.png);
	background-size:15px 15px;
	background-repeat:no-repeat;
	background-position: 15px 50%;
	
}

table.select_groups div.checkbox.checked
{
	background-color:rgba(217,88,67,0.1);
	border:1px solid rgba(217,88,67,0.2);
	color:#d95843;
	
	background-image:url(../images/icons/checkbox_checked.png);
	background-size:15px 15px;
	background-repeat:no-repeat;
	background-position: 15px 50%;	
}

table.select_groups div.checkbox:hover,
table.select_groups div.checkbox.checked:hover
{
	background-color:rgba(217,88,67,0.1);
	border:1px solid rgba(217,88,67,0.3);
	color:#d95843;
}

table.select_groups div.checkbox input
{
	width:20px;
	margin:0px;
	padding:0px;
	display:none;
}

iframe
{
	background-color:#ffffff;
}




div.screenshot_block
{
	display:inline-block;
	margin-left:24px;
	height:220px;
	width:150px;
}

div.screenshot_block div.title
{
	width:155px;
	display:inline-block;
	text-align:center;
	padding-top:10px;
	padding-bottom:25px;	
	color:#999;
	font-size:11px;
	position:absolute;
	margin-top:155px;
}

div.screenshot_block:hover div.title
{
	color:#7ca60a;
}

div.screenshot
{
	border:2px solid #dddddd;
	cursor:pointer;

	/*-moz-border-radius: 75px;
	border-radius: 75px;*/
	margin-top:5px;
	
	width:150px;
	height:150px;
	
	display:inline-block;
	background-size:auto 100%;
	background-position:center center;
}

	div.screenshot:hover
	{
		border:2px solid #7ca60a;
		background-size:auto 120%;
	}

div.screenshot_buttons
{
	margin-top:5px;
	padding-left:50px;
	margin-top:-30px;
	margin-bottom:40px;
	display:none;
}

div.screenshot_buttons a.screenshot_button
{
	background-color:#eeeeee;
	color:#333333;
	font-size:11px;
	padding-top:2px;
	padding-bottom:2px;
	width:80px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	
	border:1px solid #93c300;
	background-color:#a4e100;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a4e100", endColorstr="#93c300"); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#a4e100), to(#93c300)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #a4e100,  #93c300); /* for firefox 3.6+ */	
	color:#ffffff;
}

div.screenshot_buttons a.screenshot_button.red
{
	border:1px solid #d00000;
	background: #d00000; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ec3737", endColorstr="#c10000"); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ec3737), to(#c10000)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ec3737,  #c10000); /* for firefox 3.6+ */		
	color:#ffffff;
	cursor:pointer;
}





svg {
  font: 10px sans-serif;
}

.axis path, .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

sup, sub {
  line-height: 0;
}

q:before,
blockquote:before {
  content: "“";
}

q:after,
blockquote:after {
  content: "”";
}

blockquote:before {
  position: absolute;
  left: 2em;
}

blockquote:after {
  position: absolute;
}

#chart {
  height: 500px;
}

.node rect {
  cursor: move;
  fill-opacity: .9;
  shape-rendering: crispEdges;
  stroke-width:0;
}

.node text {
  pointer-events: none;
  text-shadow: 0 1px 0 #fff;
}

.link {
  fill: none;
  stroke: #e2f2f8;
  stroke-opacity: 1.0;
}

.link:hover {
  stroke: #bad8eb;
  stroke-opacity: 1.0;
}

div.ui-datepicker{
 font-size:11px;
 	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
}



/*
#sub_mc_form div.group
{
	border:1px solid #64bbf1;
	padding:10px;
	padding-top:15px;
	margin-bottom:20px;
	display:block;
}

#sub_mc_form h1
{
	font-size:21px;
	color:#64bbf1;
	font-family:"ProximaNova", arial;
	font-weight:bold;
	padding:0px;
	margin:0px;	
	text-align:left;
	margin-bottom:13px;
	margin-top:10px;
}

#sub_mc_form h2
{
	font-size:14px;
	color:#64bbf1;
	font-family:"ProximaNova", arial;
	font-weight:normal;
	padding:0px;
	margin:0px;	
	text-align:left;
	margin-bottom:3px;
	
	display:block;
	position:relative;
	top:auto;
	left:auto;
}

#sub_mc_form div.group label
{
	display:inline-block;	
	width:170px;
}

#sub_mc_form div.group input
{
	width:300px;
	padding:3px;
}

#sub_mc_form input.submit
{
	display:block;
	cursor:pointer;
	background: #56afe7; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#64bbf1", endColorstr="#4ba4dd"); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#64bbf1), to(#4ba4dd)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #64bbf1,  #4ba4dd); /* for firefox 3.6+ */	
	text-shadow: #3383b6 1px 1px 1px;
	color:#fff;
	font-size:14px;
	font-family:"ProximaNova", arial;
	padding:6px;
	width:172px;
	border:0px;
	text-align:center;
}
*/



input.editable-select {
  background: #FFF url(../images/icons/arrow-down.gif) right center no-repeat;
  padding-right: 13px;
}
.editable-select-options {
  position: absolute;
  display: none;
  overflow: auto;
  margin: 0;
  padding: 0;
  background: #FFF;
  border: 1px solid #CCC;
  z-index: 10;
}
.editable-select-iframe {
  position: absolute;
  background: #FFF;
  z-index: 9;
  display: none;
}
  .editable-select-options ul {
    margin: 0;
    padding: 0;
    z-index: 10;
    list-style: none;
    list-style-image: none;
  }
    .editable-select-options li {
		cursor: default;
		padding: 2px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#595959;
    }
    .editable-select-options li.selected {
      	background: #EAEAEA;	
    }
	
	
	
#editor
{
	display:none;
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	width:auto;
	height:auto;
	z-index:100;
}





ul.contact_categories
{
	list-style:none;
	margin:0px;
	padding:0px;
	margin-bottom:0px;
	margin-left:0px;
	z-index:1;	
}

	ul.contact_categories li
	{
		display:inline-block;
	}
	
	ul.contact_categories li a
	{
		display:block;
		padding-left:15px;
		padding-right:15px;
		padding-top:8px;
		padding-bottom:8px;
		background-color:#eee;
		border:1px solid #eee;
		color:#d95843;
		-webkit-border-radius: 5px 5px 0px 0px;
		-moz-border-radius: 5px 5px 0px 0px;
		border-radius: 5px 5px 0px 0px;
		align-center;
		text-shadow:none;
		text-align:center;
		
		background-color:#f4f4f4;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ededed"); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #ffffff,  #ededed); /* for firefox 3.6+ */
	}

	ul.contact_categories li a:hover
	{
		background:none;
		filter:none;
		
		background-color:#d95843;
		border:1px solid #d95843;
		color:#ffffff;
		cursor:pointer;
	}
	
	ul.contact_categories li.active a
	{
		background:none;
		filter:none;
		
		background-color:#d95843;
		border:1px solid #d95843;
		color:#ffffff;
		cursor:pointer;
	}

div.color_bar
{
	display:none;
}

div.copyright
{
	display:block;
	width:auto;
	position:fixed;
	bottom:20px;
	left:30px;
	right:30px;
	text-align:center;
	line-height:17px;
	color:rgba(255,255,255,0.5);
	font-family: arial, "ProximaNova", Arial,Tahoma, Century Gothic, Microsoft New Tai Lue, Arial;
	font-size:10px;
	z-index:2;
}

div.copyright a
{
	color:rgba(255,255,255,0.7);
}

div.switch
{
	margin-bottom:1px !important;
	text-align:left;
}

img.user_icon
{
	display:block;
	position:absolute;
	top:50%;
	margin-top:-240px;
	left:50%;
	margin-left:-8px;
	border:2px solid #fff;
}

#floating_menu
{
	display:block;
	position:fixed;
	z-index:10;
	left:0px;
	top:0px;
	right:0px;
	width:auto;
	height:66px;
	background: #fff; /* for non-css3 browsers */
	
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5);
	box-shadow: 0 0 15px rgba(0,0,0,0.5);	
	display:none;	
}
	
	#floating_menu a.float_logo
	{
		width:250px;
		height:40px;
		margin-top:-1px;
		position:absolute;
		top:15px;
		left:50%;
		margin-left:-482px;
		background-image:url(../images/framework/metro_logo.png);	
	}
	
	#floating_menu ul
	{
		list-style:none;
		border:0px;
		position:absolute;
		display:block;
		top:5px;
		right:50%;
		margin-right:-492px;
		height:30px;
	}
	
	#floating_menu ul li
	{
		display:inline-block;
		margin:0px;
		margin-right:-3px;
		border-left:0px solid #444444;
	}
	
	#floating_menu ul li.first
	{
		border-left:0px;
	}
	
	#floating_menu ul li a
	{
		font-family: "ProximaNova", Arial;
		font-size:14px;
		color:#6f6f6f;	
		padding:0px;
		margin:0px;
		text-decoration:none;
		font-weight:normal;
		cursor:pointer;
		background-color:transparent;
		padding-left:20px;
		padding-right:20px;
		padding-top:0px;
		padding-bottom:22px;
	}
	
	#floating_menu ul li:hover a
	{
		color:#000000;	
		text-decoration:none;
		border-bottom:5px solid #eee;
	}
	
	#floating_menu ul li.active a,
	#floating_menu ul li.active:hover a
	{
		color:#000000;	
		text-decoration:none;
		border-bottom:5px solid #5092bd;
		font-weight:bold;
	}	
	
	
	
	
#administrator_user_id
{
	display:inline-block;
	color:#555;
}

#administrator_user_id select
{
	background-color:transparent;
	border:1px solid rgba(217,88,67,0.4);
	width:160px;	
	font-family: Arial, "ProximaNova", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;	
	margin-top:3px;
	margin-bottom:2px;
	margin-right:20px;
	text-shadow: 0px 1px 0px #fff;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;  
	border-radius: 3px; 	
}
	
	
	
#online_users
{
	position:fixed;
	display:block;
	bottom:0px;
	right:20px;
	width:auto;
	height:auto;
	border:0px solid red;
	z-index:7;	
}

#online_users div.profile_picture.icon
{
	display:inline-block;
	width:35px;
	height:35px;
	margin:0px;
	border:0px solid #ccc;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	padding:0px;
	margin-left:5px;
	cursor:pointer;
}






div.chat_entry
{
	padding:0px;
	padding-top:5px;
	padding-bottom:5px;
	border:1px solid #e8ebec;
	background-color: #fff;
	margin-bottom:10px;
	width:auto;
	margin-left:0px;
	margin-right:0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

div.chat_entry.right
{
	border:1px solid #ddd;
	background-color:transparent;
	margin-left:0px;
	margin-right:0px;
}

	div.chat_entry h1
	{
		font-family: "ProximaNova", Arial,Tahoma, Century Gothic, Microsoft New Tai Lue, Arial;
		font-size:24px;
		color:#222;
		padding:0px;
		margin:0px;	
		font-weight:normal;	
		margin-bottom:0px;
		margin-top:20px;
		text-align:left;
	}
	
	div.chat_entry.right h1
	{
		color:#000;
	}
	
	div.chat_entry p,
	div.chat_entry_message p
	{
		margin:0px;
		padding:0px;
		line-height:17px;
		font-size:12px;
	}

	div.chat_entry_message
	{
		font-family: arial, "Museo", "ProximaNova", Arial,Tahoma, Century Gothic, Microsoft New Tai Lue, Arial;
		font-size:12px;
		color:#222;
		font-style:normal;
		padding-top:10px;
		padding-bottom:10px;
		line-height:17px;
		padding-right:20px;
	}
	
	div.chat_entry.right div.chat_entry_message
	{
		color:rgba(217,88,67,1);
		font-style:normal;
	}
	
	div.chat_entry_datetime
	{
		font-family: arial, "Museo", "ProximaNova", Arial,Tahoma, Century Gothic, Microsoft New Tai Lue, Arial;
		font-size:12px;
		color:rgba(217,88,67,0.5);
		position:absolute;
		right:50px;
		margin-top:5px;
		margin-right:0px;
	}
	
	div.chat_entry_read_datetime
	{
		font-family: arial, "Museo", "ProximaNova", Arial,Tahoma, Century Gothic, Microsoft New Tai Lue, Arial;
		font-size:12px;
		color:rgba(217,88,67,0.5);
		position:absolute;
		right:50px;
		margin-top:24px;
		margin-right:0px;
	}

	div.chat_entry.right div.chat_entry_read_datetime
	{
		margin-right:0px;
	}
	
	div.chat_entry.right div.chat_entry_datetime
	{
		color:rgba(217,88,67,0.5);
		margin-right:0px;
	}
	
	div.chat_entry div.profile_picture.large
	{
		display:inline-block;
		-moz-border-radius: 0px;
		border-radius: 0px;
		width:70px;
		height:70px;
		margin-bottom:0px;
		border:0px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin:20px;
	}


div.support_message
{
	display:block;
	position:fixed;
	right:0px;
	bottom:60px;
	height:auto;
	width:250px;
	background-color:#e30000;
	color:#fff;	
	font-family: "ProximaNova", Arial,Tahoma, Century Gothic, Microsoft New Tai Lue, Arial;
	font-size:12px;
	line-height:16px;
	z-index:100;
	padding:10px;
	cursor:pointer;
}

div.support_message strong,
div.support_message b
{
	margin-bottom:-7px;
	display:block;
}

form.statistics_form
{
	display:block;
	position:fixed;
	top:60px;
	left:326px;
	padding:5px;
	padding-left:40px;
	padding-right:40px;
	padding-top:12px;
	right:0px;
	height:33px;
	background-color:rgba(247,248,248,0.9);
	z-index:50;
	border-bottom:1px solid #e1e1e1;
}

form.statistics_form table tr td
{
	font-family: Arial;
	font-size:12px;
	color:#444;	
}

form.statistics_form table tr td select
{
	padding:5px;	
	font-family: Arial;
	font-size:12px;
	color:#555;
	border:1px solid #ddd;
	background-color:#fff;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;  
	border-radius: 3px; 
}


div.login_error
{
	display:block;
	position:absolute;
	right:0px;
	bottom:30px;
	width:300px;
	padding:20px;
	background-color:#ff3300;
	color:#fff;	
	z-index:50;
	font-family: "ProximaNova", Arial,Tahoma, Century Gothic, Microsoft New Tai Lue, Arial;
	font-size:12px;
}

div.campaign_div
{
	width:200px; 
	height:189px; 
	float:left; 
	display:inline-block;
	margin:10px; 
	margin-left:0px;
	margin-right:30px;
	background-color:rgba(217,88,67,1);
	padding:0px; 
	text-align:center;
	color:#fff;
	text-shadow: 1px 1px rgba(0,0,0,0.5);
	border:1px solid #e8ebec;
}

	div.campaign_div:hover
	{
		-moz-box-shadow: 0 0 8px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.4);
		box-shadow: 0 0 8px rgba(0,0,0,0.4);
	}

	div.campaign_div div.edit_campaign
	{
		cursor:pointer;
		display:block;
		position:absolute;
		margin-top:5px;
		margin-left:5px;
		zoom: 1;
		filter: alpha(opacity=50);
		opacity: 0.5;	
	}
	
		div.campaign_div div.edit_campaign:hover
		{
			filter: alpha(opacity=100);
			opacity: 1;	
		}

	#middle_header
	{
		color:#555;
		font-size:12px;
		font-family: Arial;		
		line-height:21px;
		text-align:left;
	}
	
	#middle_header p
	{
		margin:0px;
		margin-bottom:10px;	
	}

	#middle_header table tr td
	{
		color:#555;
		font-size:12px;
		font-family: Arial;		
		line-height:21px;
		text-align:left;
	}
	
	#middle_header table tr td input,
	#middle_header table tr td select,
	#middle_header table tr td textarea
	{
		width:100%;
		padding:8px;
		margin-bottom:10px;
		border:1px solid #ddd;
		-moz-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		font-family: Arial;
		font-size:12px;
		color:#333;	
		box-sizing:border-box;
		-ms-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box; 
	}




span.normal_icon
{
	display:inline-block;
	border:0px;
	font-family: "entypo", Arial;
	text-align:center;
	font-weight:normal;
		
	font-size: 3.0em;
	line-height: 1px;	
	margin-left:23px;
	padding-bottom:10px;
	vertical-align:top;
	padding-top:8px;
	width:30px;
	height:12px;
	margin-top:12px;

	text-align:center;
	color:#d95843;	
	cursor:pointer;
	
	text-shadow:none;
}

span.small_icon
{
	display:inline-block;
	border:0px;
	font-family: "entypo", Arial;
	text-align:center;
	font-weight:normal;
		
	font-size: 2.4em;
	line-height: 1px;	
	margin-right:5px;
	padding-bottom:0px;
	vertical-align:top;
	padding-top:0px;
	width:20px;
	height:12px;
	margin-top:0px;
	text-align:center;
	color:#d95843;	
	cursor:pointer;
	text-shadow:none;
}

span.circle_icon
{
	display:inline-block;
	border:0px;
	font-family: "entypo", Arial;
	text-align:center;
	font-weight:normal;
		
	font-size: 2.0em;
	line-height: 1px;	
	margin-right:10px;
	padding-bottom:10px;
	vertical-align:top;
	padding-top:8px;
	width:30px;
	height:12px;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	text-align:center;
	color:#d95843;
	background: #fff;
	border:1px solid #ddd;
	cursor:pointer;
	text-shadow:none;
}

span.circle_icon.green
{
	color:#d95843;
	background: #fff;
}

span.circle_icon.red
{
	color:#fff;
	background: #ff0000;
}

#ipad-rotate
{
	display:none;
	position:fixed;
	z-index:1000;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-image:url(../images/framework/ipad-rotate.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size:300px auto;
	background-color:#d95843;	
}

#processing_duration
{
	display:block;
	padding:3px;
	background-color:#d95843;	
	color:#fff;
	font-family: "ProximaNova", Arial;
	font-size:11px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	width:60px;
	text-align:center;
}



.dropdown 
{
	color: #555;
	margin: 3px 0px 0 0;
	width: 200px;
	position: relative;
	height: 17px;
	text-align:left;
	padding:7px;
	border:1px solid #eeeeee;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	background: url(../images/icons/drop_arrow.png) 196px 13px no-repeat;
	background-color: #f1f1f1;
	margin-right:20px;
}

.submenu
{
	background: #fff;
	position: absolute;
	top: 34px;
	left: -1px;
	z-index: 150;
	width: 216px;
	display: none;
	margin-left: 0px;
	padding: 0!important;
	border-radius: 6px;
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
}

.dropdown li a 
{
	color: #777777;
	display: block!important;
	text-align: left;
	font-family: arial;
	font-weight: normal;
	cursor: pointer;
	text-decoration:none;
	margin: 0;
	padding: 10px 10px!important;
	width:calc(100% - 20px)!important;
	transition: background 0.1s ease-in-out;
}

.dropdown li a:hover
{
	text-decoration: none!important;
	background-color: #f1f1f1!important;
	cursor:pointer;
}

a.account 
{
	font-size: 11px;
	line-height: 16px;
	color: #555;
	position: absolute;
	z-index: 20;
	display: block;
	padding: 11px 0 0 10px;
	height: 28px;
	width: 100%;
	margin: 5px 0 0 10px;
	text-decoration: none;
	cursor:pointer;
	border:1px solid #eee;
	padding:5px;
}

.root
{
	list-style:none;
	margin:0px;
	padding:0px;
	font-size: 11px;
}
	
.ui-menu .ui-menu-item a{
    color: #217,88,67;
    border-radius: 3px;
    border: 1px solid #EEE;
	font-family: Arial;
	font-size:13px;
}

ul.noformatting
{
	margin:0px;
	padding:0px;
	list-style:none;	
}
	
	ul.noformatting li
	{
		margin:0px;
		padding:0px;
		display:inline-block;
	}

.placeholder { height: 1.5em; line-height: 1.2em; display:inline-block; width:100px; height:100px; background-color:#eee; }


input.required,
select.required,
textarea.required,
input[required],
select[required],
textarea[required]
{	
	border-left-width: 3px !important;
}