/* 
 * Default Unisend Styling
 */

* {
 margin: 0 auto;
}

img {
	border: 0;	
}

input[type="text"], input[type="password"], select {
	height: 42px;
	width: 100%;	
	background-color: #2D2D2D;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4) inset;
	outline: none;
	border-style: solid;
	border-width: 1px;
	border-color: #2d2d2d;
	font-size: 19px;
	color: #66B845;
	padding-left: 10px;
	padding-right: 10px;
}

select {
	padding-right: 0px;	
}

input:focus, select {
	outline: none;	
}

canvas {
    -ms-touch-action: double-tap-zoom;
}

div {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

html {
	height: 100%;	
}

a {
	color: #66B845;
	text-decoration: none;
}

p {
	margin-bottom: 20px;	
}

body {
	font-family: "Century Gothic";
	margin: 0px;
	height: 100%;
	color: #FFF;
	background-color: #222222;
	color: #FFF;
}

label {
	color: #FFF;
}

header {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #111111;
	height: 132px;
	width: 100%;	
	position: relative;
	top: 0px;
}

.LabelInput {
	font-size: 19px;
	color: #66B845;	
}

#ModalBackground {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 900;
	background-color: rgba(0,0,0,0.95);	
}

.Button {
	float: right;
	font-family: "Century Gothic";
	font-size: 19px;
	text-transform: uppercase;
	min-width: 50px;
	cursor:pointer;
	color: #FFF;
}

#Notifications .Title {
	line-height: 105px;	
}

.Loader {
	min-width: 100px;
	height: 25px;	
	margin-left: 100px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.Loader .LoaderBox {
	float: left;
	background-color: #66B945;
	width: 25px;
	height: 25px;
	margin-right: 5px;
	border-radius: 3px;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8);
}

.Loading {
	float: right;
	width: 32px;
	height: 32px;
	background-image: url(../Images/Loader.gif);
	background-repeat: no-repeat;
}

input[type="text"].ErrorForm, input[type="password"].ErrorForm {
	border-color: #D96D00;	
}

.Message {
	position: relative;
	float: left;
	font-size: 15px;
	color: #AAA;
	padding-top: 20px;
}

.Error {
	position: relative;
	float: left;
	font-size: 15px;
	color: #D96D00;
}

.Button:hover {
	color: #66B845;
}

.ActionArea {
	height: 75px;
	line-height: 75px;	
}

.Column1 {
	float: left;
	position: relative;
	height: 84px;
	width: 210px;
}

.Column2 {
	float: left;
	position: relative;
	height: 84px;
	width: 604px;
}

.Column2 #Tabs {
	position: absolute;
	left: 20px;
	bottom: 5px;
	padding-left: 40px;
}

.Column2 #Tabs .Tab:hover {
	color: #349241;
}

.Column2 #Tabs .Tab {
	cursor: pointer;
	position: relative;
	float: left;
	line-height: 45px;
	font-size: 15px;
	color: #222;
	width: 120px;
}

.Column2 #Tabs .Tab.Selected {
	cursor: default;
	color: #FFF;
}

.Column3 {
	float: left;
	position: relative;
	height: 84px;
	width: 210px;
}

.Column3 #Alerts {
	font-size: 30px;
	color: #222222;
	line-height: 84px;
}

.Column1 .Title {
	font-size: 16px;
	color: #fff;
	text-align: right;
	position: absolute;
	right: 60px;
	top: 15px;
}

.Column1 .SubTitle {
	font-size: 12px;
	color: #349241;
	text-align: right;
	position: absolute;
	right: 60px;
	top: 45px;
}

.Label {
	color: #FFF;
	margin-top: 15px;
	font-size: 19px;
	text-transform: lowercase;
	text-align: left;
}

.Banner {
	width: 100%;
	position: relative;
	height:	542px;
}

#ProgressArea {
	width: 100%;
	background-color: #2D2D2D;
	border-style: solid;
	border-color: #2d2d2d;
	border-width: 1px;	
	height: 42px;	
}

.Image34 {
	background-size: cover;
	width: 34px;
	height: 34px;
	background-repeat: no-repeat;	
}

.Image51 {
	background-size: cover;
	width: 51px;
	height: 51px;
	background-repeat: no-repeat;	
}

#Progress {
	background-color: #66B845;
	color: #000;
	height: 42px;	
}

#FeedArea {
	overflow: hidden;	
	padding-bottom: 100px;
}

#FeedArea .Column2 {
	padding: 25px;	
	height: auto;
}

#FeedArea .Column2 .Box {
	position: relative;
	background-color: rgba(255,255,255,0.8);
	width: 100%;
	font-size: 14px;
	padding: 20px;
	margin-bottom: 25px;
}

#FeedArea .Column2 .Box .Title {
	color: #27873F;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
}

#FeedArea .Column2 .Box .Item {
	padding: 10px;
	font-size: 14px;
	color: #000;
}

#FeedArea .Column2 .Box .Info {
	padding-left: 10px;
	position: relative;
	padding-right: 10px;
	font-size: 10px;
	color: #266334;
	margin-bottom: 8px;
}

#FeedArea .Column2 .Box .Date {
	font-weight: bold;
	position: absolute;
	top: 20px;
	right: 20px;
	text-align: right;
	font-size: 14px;
}

#FeedArea .Column2 .Box .RedButton {
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: right;
	font-size: 10px;
	color: #D90000;
	cursor: pointer;
}

#FeedArea .Column2 .Box .Comment {
	margin-top: 2px;
	padding-left: 10px;
	position: relative;
	padding-right: 10px;
	width: 100%;
	background-color: #FFF;
	min-height: 44px;
}

#FeedArea .Column2 .Box .Comment .PersonImage {
	left: 3px;
	top: 3px;
	right: auto;
	width: 38px;
	height: 38px;
}

#FeedArea .Column2 .Box .Comment .CommentArea {
	padding-top: 5px;
	padding-left: 44px;
}

#FeedArea .Column2 .Box .Comment .CommentArea input {
	border: none;
	width: 100%;
	height: 34px;
	font-size: 15px;
	background-color: #FFF;
	border-style: none;
	box-shadow: none;
	padding-left: 0px;
	padding-right: 0px;
	color: #000;
}

#FeedArea .Column2 .Box .Comment .CommentArea .Contents {
	color: #212121;
	font-size: 12px;
	position: relative;
}

#FeedArea .Column2 .Box .Comment .CommentArea .SubComments {
	color: #266334;
	font-size: 10px;
	position: relative;
}

#FeedArea .Column3 {
	color: #FFF;
	text-align: left;	
	height: auto;
}

#FeedArea .Column3 .Title {
	position: relative;
	font-size: 22px;
	line-height: 60px;
	color: #FFF;
	width: 100%;
	right: 0px;
	top: 0px;
}

#FeedArea .Column3 .SubTitle {
	cursor: pointer;
	position: relative;
	font-size: 13px;
	line-height: 22px;
	width: 100%;
	color: #288840;
	right: 0px;
	top: 0px;
}

#FeedArea .Column3 .Item {
	position: relative;
	font-size: 13px;
	line-height: 22px;
	width: 100%;
	color: #FFF;
	cursor: pointer;
	padding-top: 10px;
}

#FeedArea .Column1 {
	color: #FFF;
	text-align: right;	
	height: auto;
}

#FeedArea .Column1 .Title {
	position: relative;
	font-size: 22px;
	line-height: 60px;
	width: 100%;
	right: 0px;
	top: 0px;
}

#FeedArea .Column1 .SubTitle {
	position: relative;
	font-size: 13px;
	line-height: 22px;
	width: 100%;
	color: #288840;
	right: 0px;
	top: 0px;
}

#FeedArea .Column1 .Item {
	position: relative;
	font-size: 12px;
	line-height: 22px;
	width: 100%;
	color: #FFF;
	cursor: pointer;
}

#FeedArea .Column1 .Item:hover {
	color: #349241;
}

#FeedArea .Column1 .Item strong {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;	
}

#FeedArea .Column1 .Item .Count {
	display: inline-block;
	min-width: 14px;
	height: 14px;
	background-color: #D5D5D5;
	font-size: 10px;
	color: #222222;
	line-height: 14px;
	text-align: center;
	border-radius: 3px;
	margin-right: 5px;
}

.PersonImage {
	width: 55px;
	height: 55px;
	position: absolute;
	right: 0px;
	top: 15px;
	background-color: #2D2D2D;	
	padding: 2px;
}

#Logo {
	padding-top: 10px;	
}

.Secondary {
	color: #66B845;	
}

.Left {
	width: 50%;
	position: relative;
	float: left;	
}

.Right {
	width: 50%;
	position: relative;
	float: left;	
}

.Sized {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1024px;	
}

#SubNavigation {
	height: 34px;
	background-color: #2D2D2D;
	width: 100%;
	position: absolute;
	bottom: 0px;
	line-height: 32px;
	font-size: 12px;
	font-family: "MyriadPro";
	color: #F2F8EB;
}

#SubNavigation .Right {
	font-family: "Century Gothic";
	color: #AAAAAA;	
	text-align: right;
}

#SubNavigation a {
	color: #AAAAAA;	
	font-size: 16px;
}

#SubNavigation .Secondary {
	color: #66B845;	
}

#Navigation {
	position: absolute;
	right: 0px;
	top: 20px;
	font-size: 30px;	
}

#Navigation a {
	margin-left: 90px;
	color: #fff;	
}

.ThreeColumn {
	width: 33%;
	float: left;
	position: relative;	
}

footer .Title {
	font-size: 30px;
	color: #AAAAAA;
	line-height: 38px;
	text-transform: uppercase;	
	padding-bottom: 20px;
}

footer {
	font-size: 20px;
	padding-top: 20px;
	clear: both;
	height: 634px;
	background-color: #2E2E2E;
	background-image: url(../Images/Footer.jpg);
	background-repeat: repeat-x;
	width: 100%;	
    display: block;
}

article .Title {
	font-size: 91px;
	color: #2C2C2C;	
	line-height: 45px;
}

article .SubTitle {
	font-size: 45px;
	color: #fff;	
}

article .ContentTitle {
	font-size: 26px;
	color: #2C2C2C;	
}

article .ContentSubTitle {
	font-size: 22px;
	color: #2C2C2C;	
	margin-top: -10px;
	color: #2A8A41;
	text-transform: lowercase;
	padding-left: 40px;
}

article .ArticleHeader {
	position: relative;
	float:right;
	width: 70%;
	text-align: right;	
	padding-top: 40px;
}

.Navigation {
	position: relative;
	float: left;
	padding-top: 25px;
	font-size: 20px;
	color: #2A2A2A;	
}

.Navigation .Item a {
	color: #2A2A2A;	
}

.Navigation .Item {
	line-height: 30px;
}

.Navigation .Item a.Selected {
	color: #FFF;
}

article {
	clear: both;	
	min-height: 450px;
	color: #000;
	background-color: #222222;
}

span.gc-cs-link {
	text-decoration: none;
	color: #fff;	
}

#Slogan {
	padding-top: 120px;
	position: relative;
	width: 100%;
	clear: both;
	text-align: center;	
}

.SubContent {
	padding: 10px;	
	line-height: 30px;
}

.Spacer {
	height: 22px;
}

.GreenArea {
	position: relative;
	clear:both;
	background-color: #2F8E42;	
	overflow: hidden;
}

.GalleryItem {
	margin-left: 10px;
	margin-right: 10px;	
}

.LightGreenArea {
	background-color: #BEE2AF;	
	position: relative;
	clear:both;
	overflow: hidden;
	height: 159px;
}

.Industry {
	position: relative;
	border-style: solid;
	border-width: 1px;
	border-color: hsla(93,71%,14%,1.00);
	width: 305px;
	float: left;
	padding: 10px;
	margin: 17px;
	background-color: #fff;
}

.Industry .Title {
	color: #fff;
	background-color: #2F2F2F;
	width: 100%;
	padding: 5px;
	font-size: 18px;
	padding-left: 20px;
}

.Industry .Image {
	background-size: cover;
	background-repeat: no-repeat;
	width: 283px;
	height:200px;
	background-position: center center;
}

.Industry .Description {
	padding: 10px;
	font-size: 15px;
	height: 125px;
}

.LightGreenArea .Box {
	position: relative;
	float: left;
	margin-left: 30px;
	width: 159px;
	height: 159px;	
}

.LightGreenArea .Box div {
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-align: right;
	font-size: 20px;
	text-transform:lowercase;
	color: #fff;	
}

#DemoArea {
	height: 461px;
	background-image: url(../Images/House_1.jpg);
	background-repeat: no-repeat;	
}

.YellowArea {
	position: relative;
	clear:both;
	background-color: #F3B94D;
	padding: 10px;
	text-align: center;
}

.YellowArea .Title {
	font-size: 31px;
	color: #2D2D2D;	
	line-height: 28px;
}

.YellowArea .SubTitle {
	font-size: 26px;
	color: #409B43;	
}

.BuildingArea {
	height: 461px;
	width: 100%;
	position: relative;
	clear: both;
	background-image: url(../Images/Building_1.jpg);
	background-size: cover;	
	text-align: center;
}

.BlueArea {
	width: 100%;
	height: 70px;
	background-color: #3B5CA7;	
	text-align: center;
}

.BlueArea .Title {
	font-size: 21px;
	color: #fff;
	line-height: 70px;	
}

.AppGreenArea {
	width: 100%;
	height: 84px;
	position: relative;
	clear: both;
	background-color: #266335;
}

.SkyBlueArea {
	width: 100%;
	background-color: #E7E7E5;
	text-align: center;	
	padding: 10px;
	overflow: hidden;
	height: 472px;
}

.SkyBlueArea .Title {
	color: #3A5BA6;
	font-size: 30px;	
}

.DarkBannerText {
	position: absolute;
	top: 66px;
	left: 40px;
	line-height: 58px;
	color: #FFF;
	font-size: 22px;	
}

.DarkBannerDetails {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 280px;
	color: #FFF;
	font-size: 12px;	
	line-height: none;
}

.DarkBannerDetails .Title {
	padding-top: 20px;
	color: #FFF;
	font-size: 18px;
	line-height: 18px;
	padding-bottom: 20px;
	text-transform: lowercase;
	font-weight: bold;
}

.OrangeArea {
	position: relative;
	clear: both;
	width: 100%;
	background-color: #D93600;	
	height: 70px;
	z-index: 20;
}

.OrangeArea .Title {
	color: #FAF6F5;
	font-size: 36px;
	line-height: 70px;
	position: relative;
	float: left;
}

.OrangeArea .SubTitle {
	color: #E1D3CF;
	font-size: 20px;
	line-height: 70px;	
	position: relative;
	float: right;
	text-align: right;
}

.TelemetryArea {
	position: relative;
	width: 100%;
	height: 472px;
	background-image: url(../Images/Map_1.jpg);
	background-size: cover;	
}

.Row {
	clear: both;
	width: 100%;	
}

.Pin {
	background-image: url(../Images/Pin.png);	
	width: 46px;
	height: 58px;
	position: absolute;
}

.PinHighlight {
	background-image: url(../Images/PinOn.png);	
	width: 46px;
	height: 58px;
	position: absolute;
	z-index: 10;
}

.Original {
	width: 170px;
	height: 174px;
	background-image:url(../Images/Draw_Original.png);
	position: absolute;
	top: -100px;
	right: 300px;	
}

.WhiteArea {
	background-color: #E7E7E5;
	padding-top: 40px;
	padding-bottom: 40px;	
	width: 100%;
	height: 340px;
}

.DarkBanner {
	background: #000;
	background: -moz-linear-gradient(top,  #222222 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top,  #222222 0%,#000000 100%);
	background: -o-linear-gradient(top,  #222222 0%,#000000 100%);
	background: -ms-linear-gradient(top,  #222222 0%,#000000 100%);
	background: linear-gradient(to bottom,  #222222 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000',GradientType=0 );
	height: 380px;
	width: 100%;
	position: relative;
	clear: both;	
	padding-top: 40px;
	padding-bottom: 40px;
}

.Third {
	width: 33%;
	float: left;
	position: relative;	
}

.Third .Icon {
	width: 100%;
	height: 120px;
	text-align: center;
}

.Third .Title {
	font-size: 16px;
	color: #1D1B1B;	
	width: 100%;
	text-align: center;
}

.Third .SubTitle {
	color: #000;
	width: 100%;
	font-size: 12px;
	text-align: center;	
	padding-left: 20px;
	padding-right: 20px;
}

#TelemetryQuestions {
	padding: 25px;
	position: absolute;
	right: 0px;
	top: 20px;
	border-radius: 10px;
	box-shadow: 0px 0px 5px 0px #000000;
	font-size: 20px;
	z-index: 2;	
	background-color: rgba(230,214,208,0.90); 
	line-height: 30px;
}

#TelemetryBox {
	position: absolute;
	z-index: 1;
	border-radius: 10px;
	background-color: rgba(217,54,0,0.9);
	text-align: right;
	padding: 20px;
}

#TelemetryBox .Title {
	font-size: 20px;
	line-height: 15px;
	color: #000;
}

#TelemetryBox .SubTitle {
	font-size: 10px;
	color: #E1D6D1;	
}

#TelemetryBox .Note {
	font-size: 20px;
	color: #FFF;	
}

#TelemetryBox .SubText {
	padding-top: 10px;
	line-height: 21px;
	font-size: 12px;
	color: #FFF;	
}

.FloaterBox {
	position: absolute;
	z-index: 1;	
	width: 262px;
	background-color: #409B43;
	padding: 10px;
	height: 139px;
}

.FloaterBox .Title {
	font-size: 20px;
	font-family: "MyriadPro";
	color: #000;
}

.FloaterBox .SubTitle {
	font-size: 12px;
	color: #FFF;
}

.FloaterBox .SubText {
	font-size: 12px;
	font-family: "MyriadPro";
	color: #000;
}

.ButtonTab {
	cursor: pointer;
	position: absolute;
	width: 89px;
	height: 110px;
	background-image: url(../Images/Tab.png);
	text-align: center;
	color: #FFF;
	font-size: 12px;
}

.ButtonTab .Title {
	color: #FFF;
	font-size: 12px;
	text-align: center;
	position: absolute;
	bottom: -10px;
	width: 100%;
	z-index: 22;
	pointer-events: none;
}

.ButtonTab img {
	position: absolute;
	pointer-events: none;
	left: 3px;
}

.TabInfo {
	position: absolute;
	z-index: 18;
	border-radius: 12px;
	background-color: #2F8E42;
	text-align: right;
	padding: 15px;
	padding-left: 53px;
	padding-right: 20px;
	width: 292px;
	height: 110px;
}

.TabInfo.Reverse {
	text-align: left;
	padding-left: 20px;
	padding-right: 53px;
}

.TabInfo .Title {
	font-size: 20px;
	color: #000;
	line-height: 22px;
}

.TabInfo .SubTitle {
	padding-top: 5px;
	font-size: 12px;
	color: #fff;
	line-height: 12px;
}

.SignUpButton {
	line-height: 30px; 
	height: 30px; 
	color: #FFF; 
	padding-left: 75px;	
	cursor: pointer;
}

.PopUpForm {
	position: absolute;
	left: 50%;
	margin-left: -260px;
	width: 510px;
	min-height: 200px;
	overflow: visible;
	background-color: #212121;
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,1);	
	z-index: 1000;
}

.PopUpForm .Leaf {
	background-image: url(../Images/Leaf.png);
	background-repeat: no-repeat;
	width: 60px;
	height: 35px;
	position: absolute;
	right: -12px;
	top: -61px;	
	z-index: 1002;
}

.PopUpForm > .Title {
	font-family: "Century Gothic";
	font-size: 40px;
	position: absolute;
	right: 0px;
	z-index: 1001;
	top: -41px;
}

.PopUpForm > .FormArea {
	padding-left: 75px; 
	padding-top: 50px; 
	padding-right: 75px; 
}

.PopUpForm > .Footer {
	height: 75px;
	background-color: #333333;
	line-height: 75px;
	text-align: left;
	padding-left: 75px;
}

.PopUpForm > .Footer > img {
	cursor: pointer;	
}

.PopUpForm > .Footer > img:first-child {
	margin-right: 40px;	
}

.PopUpForm > .Footer > img:hover {
	opacity: 0.6;	
}

.PodBox {
	cursor: pointer;
	background-color: #66B945;
	border-radius: 21px;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.8);
	text-align: center;	
	width: 142px;
	height: 142px;
	position: relative;
	float: left;
	margin: 15px;
	background-image: url(../Images/Icon_Settings.png);
	background-position: bottom 7px left 7px;
	background-repeat: no-repeat;
}

.PodBox .Title {
	font-family: "Century Gothic";
	font-size: 34px;
	line-height: 34px;
	color: #FFF;
	margin-top: 35px;
	text-align: center;
	overflow: hidden;
	height: 40px;
}

.PodBox .Append {
	font-size: 10px;
	text-align: center;
	width: 100%;
	line-height: 10px;
}

.PodBox .SubTitle {
	font-family: "Century Gothic";
	font-size: 14px;
	line-height: 14px;
	color: #000;
	margin-top: 2px;
	text-align: center;
	overflow: hidden;
	height: 40px;
}

.InputLabel {
	line-height: 42px;
	padding-left: 10px;
	font-size: 19px;
	color: #66B845;	
}

/* Device List */

#DeviceDetailPropertyList .DeviceBox {
	width: 100%;
	height: 80px;
	position: relative;
	clear: both;
	margin-top: 10px;
	background-color: #D5D5D5;
	cursor: pointer;
}

#DeviceDetailPropertyList .DeviceBox .Title {
	color: #27873F;
	font-size: 30px;
	padding: 20px;
	text-overflow: ellipsis;
	height: 60px;
	overflow: hidden;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
	padding-right: 20px;
	position: relative;
	width: 100%;
	line-height: 30px;
}

#DeviceDetailPropertyList .DeviceBox .SubTitle {
	color: #202020;
	font-size: 14px;
	padding: 20px;
	text-overflow: ellipsis;
	height: 18px;
	overflow: hidden;
	padding-right: 190px;
	position: relative;
	width: 100%;
	clear: both;
	top: -10px;
	padding-top: 0px;
}

.Notification {
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #930002;
	color: #FFF;
	font-size: 12px;
	line-height: 20px;
	border-width: 1px;
	border-style: solid;
	border-color: #FFF;
	text-align: center;
	top: -5px;
	right: -5px;	
	border-radius: 10px;
}

#Notifications .DeviceBox {
	width: 100%;
	height: 106px;
	position: relative;
	clear: both;
	margin-top: 10px;
	background-color: #D5D5D5;
	cursor: pointer;
}

#Notifications .DeviceBox .Title {
	color: #27873F;
	font-size: 30px;
	padding: 20px;
	text-overflow: ellipsis;
	height: 60px;
	overflow: hidden;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
	padding-right: 190px;
	position: relative;
	width: 100%;
	line-height: 30px;
}

#Notifications .DeviceBox .SubTitle {
	color: #202020;
	font-size: 14px;
	padding: 20px;
	text-overflow: ellipsis;
	height: 18px;
	overflow: hidden;
	padding-right: 190px;
	position: relative;
	width: 100%;
	clear: both;
	top: -10px;
	padding-top: 0px;
}

#Notifications .DeviceBox .Box {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 85px;
	height: 85px;	
}

#Notifications .DeviceBox .Box .Title {
	font-size: 30px;
	font-weight: normal;
	padding: 0px;
	width: 100%;
	text-align: center;
	padding-top: 7px;
}

#Notifications .DeviceBox .Box .SubTitle {
	width: 100%;
	text-align: center;
	font-size: 10px;
	top: -30px;
	padding: 0px;
}

#Notifications .DeviceBox .Box.Green .Title {
	color: #FFF;
}

#Notifications .DeviceBox .Box.Green .SubTitle {
	color: #FFF;
}

#Notifications .DeviceBox .Box.Green {
	background-color: #266335;
}

#Notifications .DeviceBox .Box.Yellow .Title {
	color: #222222;
}

#Notifications .DeviceBox .Box.Yellow .SubTitle {
	color: #222222;
}

#Notifications .DeviceBox .Box.Yellow {
	background-color: #F3B94D;
}

#Notifications .DeviceBox .Footer {
	background-color: #2D2D2D;
	height: 21px;
	position: absolute;
	z-index: 10;
	bottom: 0px;
	width: 100%;
	font-size: 10px;
	line-height: 21px;
	color: #D3D3D3;
	padding-left: 20px;
	padding-right: 20px;
}

#Notifications .DeviceBox .Footer .Right {
	float: right;
	text-align: right;
}

input[type="button"] {
	background-color: #266335;
	color: #FFF;
	height: 35px;
	width: 150px;
	border-style: none;
	cursor: pointer;	
}

input[type="button"]:hover {
	opacity: 0.6;
}

select {
	width: 104%;	
}

#DeviceDetailNotificationsList .Title {
	font-size: 20px;	
}

#ContactList span.gc-cs-link {
	color: #000;
}

span.gc-cs-link {
	color: #288840;
}

span.var {
	color: #288840;
}

.RuleRow {
	padding: 10px;	
}

.Area {
	position: relative;
	float: left;
	overflow: visible;
	width: 50%;	
}

.Rule {
	color: #FFF;	
	line-height: 22px;
}

.Rule .var {
	cursor: pointer;
	color: 	#288840;
}

.Rule .var:hover {
	color: #FF6600;
}

/* Fonts */

@font-face {
	font-family: "Century Gothic";
	src: url("../Fonts/CenturyGothic.ttf");
	src: local("Century Gothic"), url("../Fonts/CenturyGothic.ttf"),format("truetype");
}

@font-face {
	font-family: "Century Gothic";
    font-weight: bold;
	src: url("../Fonts/CenturyGothicBold.ttf");
	src: local("Century Gothic"), url("../Fonts/CenturyGothicBold.ttf"),format("truetype");
}

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

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