@font-face {
	font-family: 'Max';
	src: 	url('../fonts/MaxLight.eot');
	src: 	local('☺'),
			url('../fonts/MaxLight.woff') format('woff'), url('../fonts/MaxLight.ttf') format('truetype');
	font-weight: 300;
}
@font-face {
	font-family: 'Max';
	src: 	url('../fonts/MaxLightLF.eot');
	src: 	local('☺'),
			url('../fonts/MaxLightLF.woff') format('woff'), url('../fonts/MaxLightLF.ttf') format('truetype');
	font-weight: 300;
}

#account_heading {
	font-family: 'Max';
	font-weight: 300;
}

body {
	margin: 0;
	background: #333;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
}
a, a:visited {
	color: #000;
	text-decoration: none;
}
.button-black {
	border: 1px solid #000;
	background: url(/app/layout/media/common);
}
/*body 					{background: 	#333;}*/
b 						{font-weight: 	bold;}
.c 						{clear: 		both;}
.no-padding 			{padding: 		0 !important;}
.padding-10 			{padding: 		10px !important;}
.right 					{float: 		right;}
.left 					{float: 		left;}
.color-000				{color: 		#000 !important;}
.grey-bg				{background: 	#999999 !important;}
.fixed-width-100 		{width: 		100px !important;}
input[type=checkbox] 	{cursor: 		pointer;}
form label {
	cursor: pointer;
}

#header
{
	background: url(../media/bg_header.png) repeat-x;
}
	#se_logo
	{
		margin: 24px 45px 0 0;
		float: 	left;
	}
	#se_main_navigation li
	{
		float: left;
	}
		#se_main_navigation a
		{
			font-family: 'Max', 'Verdana';
			font-weight: 300;
			font-size: 13px;
			text-transform: uppercase;
			text-decoration: none;
			height: 72px;
			line-height: 72px;
			display: block;
			color: #fff;
			padding: 0 10px;
		}
		#se_main_navigation a:hover
		{
			background: url(../media/bg_menu_item_hover.png) repeat-x;
		}
		#se_main_navigation a.active
		{
			background: url(../media/bg_menu_item_hover.png) repeat-x;
		}
	#language_selector nav
	{
		float: right;
	}
	#language_selector li {
		float: right;
		height: 72px;
		line-height: 72px;
		margin-left: 5px;
	}
/* Video controls */
.video_controls
{
	width: 488px;
	background: #ccff33;
	padding: 6px;
}
.video_controls button
{
	background: #333;
	color: #fff;
	padding: 3px 6px;
	border: none;
	font-size: 11px;
	font-weight: bold;
	float: left;
	cursor: pointer;
}
#seek_bar
{
	width: 350px;
}
#volume_bar
{
	width: 100px;
}
/* Video controls*/

/* Controlpanel only */
.btn-abs-wrap-bottom
{
	position: absolute;
	bottom: 5px;
	left: 5px;
	right: 5px;
}
.btn a
{
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	padding: 0 5px;
	display: block;
	text-decoration: none;
}
.black-gradient a
{
	border: 1px solid #333433;
	background: -webkit-linear-gradient(top, #333433, #000);
	background: -moz-linear-gradient(top, #333433, #000);
	background: -o-linear-gradient(top, #333433, #000);
	background: -ms-linear-gradient(top, #333433, #000);
	background: linear-gradient(top, #333433, #000);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333433', endColorstr='#000000',GradientType=1 );

	color: #fff;
}
.blue-gradient a
{
	border: 1px solid #349ac7;
	background: url(../media/btn_blue_gradient.png) repeat-x;
	color: #000;
}
.grey-gradient a
{
	border: 1px solid #777;
	background: url(../media/btn_grey_gradient.png) repeat-x;
	color: #000;
}
.se_controlpanel_navi_row
{
	background: url(../media/controlpanel_navigation_bg.png) repeat-x;
}
	#se_controlpanel_navigation li
	{
		float: left;
	}
		#se_controlpanel_navigation a
		{
			font-family: 'Max';
			font-weight: 300;
			text-transform: uppercase;
			height: 30px;
			line-height: 32px;
			display: block;
			color: #fff;
			text-decoration: none;
			padding: 0 10px;

			border-left: 1px solid #303030;
			border-right: 1px solid #303030;

			margin-right: -1px;

			font-size: 14px;
		}
		#se_controlpanel_navigation li:first-child a
		{
			border-left: none;
		}
		#se_controlpanel_navigation li:last-child a
		{
			border-right: none;
		}
		#se_controlpanel_navigation a:hover
		{
			background: #000;

		}

.se_skyeye_info_row
{
	background: #999;
	font-size: 11px;
}
	.skyeye_device_info {
		position: relative;
		height: 80px;
	}
	.skyeye_device_info, .skyeye_account_info
	{
		padding: 10px;
	}
		h2 {
			display: block;
			font-size: 20px;
			margin-bottom: 10px;
		}
		h3 {
			display: block;
			font-size: 16px;
			margin-bottom: 5px;
		}
	#account_heading
	{
		background: url(../media/account_heading_bg.png);
		height: 30px;
		line-height: 30px;
		text-transform: uppercase;
		padding: 0 10px;
		font-size: 12px;
	}
	#account_content
	{
		background: url(../media/account_content_bg.png);
		height: 100px;
		position: relative;
	}
.messages
{
	background: #666;
}
	.success_msg, .error_msg, .notification_msg
	{
		display: none;
		margin-top: 10px;
		padding: 10px;
		font-size: 12px;
	}
	.success_msg
	{
		border: 1px solid #9ce782;
		background: #bbffa3;
		color: #2f4228;
	}
	.error_msg
	{
		border: 1px solid #e78282;
		background: #ffa3a3;
		color: #422828;
	}
	.notification_msg
	{
		border: 1px solid #d2d365;
		background: #fffea3;
		color: #424228;
	}
.se_skyeye_controlpanel_row
{
	background: #666;
	padding-bottom: 20px;
}
	.controlpanel-section
	{
		margin-top: 20px;
	}
		.controlpanel-heading
		{
			color: #ccc;
			height: 20px;
			background: url(../media/controlpanel_box_heading_bg.png);
			line-height: 20px;
			padding: 0 5px;
			font-size: 11px;
			text-transform: uppercase;
		}
		.controlpanel-sub-heading
		{
			color: #000;
			padding: 10px 5px;
			font-size: 11px;
			line-height: 14px;
		}
		.controlpanel-item
		{
			line-height: 15px;
			color: #fff;
			margin-bottom: 1px;
			font-size: 11px;
			padding: 5px 10px;

			background: -webkit-linear-gradient(top, #333433, #000);
			background: -moz-linear-gradient(top, #333433, #000);
			background: -o-linear-gradient(top, #333433, #000);
			background: -ms-linear-gradient(top, #333433, #000);
			background: linear-gradient(top, #333433, #000);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333433', endColorstr='#000000',GradientType=1 )
		}
			.controlpanel-input-block-large
			{
				margin-top: 10px;
			}
				.controlpanel-input-block-large input[type=text],
				.controlpanel-input-block-large input[type=password]
				{
					width: 190px;
					border: none;
					height: 21px;
				}
				.controlpanel-input-block-large .controlpanel-input-row
				{
					background: #cccccc;
					border-bottom: 1px solid #999;
				}
					.controlpanel-input-block-large .controlpanel-input-row-label
					{
						float: left;
						color: #000;
						padding: 10px;
						width: 150px;
					}
					.controlpanel-input-block-large .controlpanel-input-row-value
					{
						float: left;
						padding: 7px;
						color: #000;
						width: 220px;
					}
			.controlpanel-input-block-small
			{
				margin-top: 10px;
			}
				.controlpanel-input-block-small input[type=text],
				.controlpanel-input-block-small input[type=password]
				{
					width: 180px;
					border: none;
					height: 21px;
				}
				.controlpanel-input-block-small .controlpanel-input-row
				{
					background: #cccccc;
					border-bottom: 1px solid #999;
				}
					.controlpanel-input-block-small .controlpanel-input-row-label
					{
						float: left;
						color: #000;
						padding: 10px;
						width: 80px;
					}
					.controlpanel-input-block-small .controlpanel-input-row-value
					{
						float: left;
						padding: 7px;
						color: #000;
						width: 186px;
					}
			.controlpanel-item-inline
			{
				float: left;
				padding: 5px 0;
			}
			.controlpanel-item-inline:first-child
			{
				width: 150px;
			}
			.controlpanel-ignore-right
			{
				width: auto !important;
			}
			h4 {
				margin-bottom: 10px;
			}
			.controlpanel_gauge
			{
				position: absolute;
				top: 5px;
				right: 5px;
			}
			.controlpanel_gauge img
			{
				position: absolute;
				right: 0;
			}

			/* Data list */
			.controlpanel-datalist thead th
			{
				padding: 5px;
				text-align: left;

				background: -webkit-linear-gradient(top, #333433, #000);
				background: -moz-linear-gradient(top, #333433, #000);
				background: -o-linear-gradient(top, #333433, #000);
				background: -ms-linear-gradient(top, #333433, #000);
				background: linear-gradient(top, #333433, #000);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333433', endColorstr='#000000',GradientType=1 )
			}
			.controlpanel-datalist tbody
			{
				color: #000;
			}
			.controlpanel-datalist tbody tr:hover > td
			{
				background: #e1ff92 !important;
			}
			.controlpanel-datalist tbody tr:nth-child(odd) > td
			{
				background: #bababa;
			}
			.controlpanel-datalist tbody tr:nth-child(even) > td
			{
				background: #999999;
			}
			.controlpanel-datalist tbody td
			{
				padding: 5px;
				text-align: left;
				border-left: 1px solid #000;
				border-right: 1px solid #000;
			}
			.controlpanel-datalist tbody td:first-child
			{
				border-left: 0;
			}
			.controlpanel-datalist tbody td:last-child
			{
				border-right: 0;
			}
				.nearest_addr
				{
					text-decoration: underline;
					cursor: pointer;
				}
				.nearest_addr_popup
				{
					font-size: 11px;
					display: none;
					padding: 10px;
					border-radius: 5px;
					background: #fff;
					position: absolute;
					box-shadow: 0px 0px 15px 1px #000;
				}

.alarm-recipient-heading
{
	padding: 5px;
	border-bottom: 1px solid #000;
	font-size: 15px;
	line-height: 25px;
	height: 25px;
}
.alarm-table
{
	margin-top: -1px;
	color: #000;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px 1px;
}
	.alarm-table tr th
	{
		height: 26px;
		line-height: 26px;
	}
	.alarm-table tr:hover > td
	{
		background: #e1ff92 !important;
	}
	.alarm-table th, .alarm-table td
	{
		background: #ccc;
		padding: 5px 0px;
	}
	.alarm-table tr td:nth-child(2), .alarm-table tr th:nth-child(2)
	{
		background: #bbb;
	}
	.alarm-table tr td:nth-child(3)
	{
		padding: 0 5px;
	}
	.alarm-table-checkbox-heading
	{
		text-align: center;
		width: 50px;
	}
	.alarm-table-checkbox
	{
		text-align: center;
	}

#footer
{
	background: #333;
}
#footer_inner {
	background: url(../media/bg_footer.jpg) no-repeat;
	padding: 17px 0 20px 48px;
	width: 906px;
	margin: 0 auto;
	font-size: 11px;
	color: #939393;
	height: 30px;
	line-height: 14px;
}