/*	
	@font-face{  
	    font-family: pn Sans Light;  
	    src: url('pnSansWeb-Light.woff'); 
	    src: local('pnSansWebLight'), url('pnSansWeb-Light.woff') format('woff');
	}
	*/


	/*
	pnSansWeb-Regular.woff
	pnSansWeb-Regular.eot
	pnSansWeb-Regular.svg
	pnSansWeb-Regular.ttf

	*/

	/*
	pnSansWeb-Medium.woff
	pnSansWeb-Medium.eot
	pnSansWeb-Medium.svg
	pnSansWeb-Medium.ttf

	*/

	/*@font-face {  
		font-family: Gotham Book;
		src: url('pnSansWeb-Medium.eot');  
		src: url('pnSansWeb-Medium.eot?#iefix') format('eot'),  
		url('pnSansWeb-Medium.woff') format('woff'),  
		url('pnSansWeb-Medium.ttf') format('truetype'),  
		url('pnSansWeb-Medium.svg#webfontjKg17VrE') format('svg');  
	 } 
	*/
	/*
	pnSansWeb-Light.woff
	pnSansWeb-Light.eot
	pnSansWeb-Light.svg
	pnSansWeb-Light.ttf
	*/

	/*@font-face {  
		font-family: Gotham Book ; 
		src: url('pnSansWeb-Light.eot');  
		src: url('pnSansWeb-Light.eot?#iefix') format('eot'),  
		url('pnSansWeb-Light.woff') format('woff'),  
		url('pnSansWeb-Light.ttf') format('truetype'),  
		url('pnSansWeb-Light.svg#webfontjKg17VrE') format('svg');  =
	 } 
	/*
	pnSansWeb-Semibold.woff
	pnSansWeb-Semibold.eot
	pnSansWeb-Semibold.svg
	pnSansWeb-Semibold.ttf
	*/

	/*@font-face {  
		font-family: Gotham Book; 
		src: url('pnSansWeb-Semibold.eot');  
		src: url('pnSansWeb-Semibold.eot?#iefix') format('eot'),  
		url('pnSansWeb-Semibold.woff') format('woff'),  
		url('pnSansWeb-Semibold.ttf') format('truetype'),  
		url('pnSansWeb-Semiboldt.svg#webfontjKg17VrE') format('svg');  
	 } */

	/*
	pnSansWeb-LightItalic.woff
	pnSansWeb-LightItalic.eot
	pnSansWeb-LightItalic.svg
	pnSansWeb-LightItalic.ttf

	pnSansWeb-MediumItalic.woff
	pnSansWeb-MediumItalic.eot
	pnSansWeb-MediumItalic.svg
	pnSansWeb-MediumItalic.ttf

	pnSansWeb-RegularItalic.woff
	pnSansWeb-RegularItalic.eot
	pnSansWeb-RegularItalic.svg
	pnSansWeb-RegularItalic.ttf

	pnSansWeb-SemiboldItalic.woff
	pnSansWeb-SemiboldItalic.eot
	pnSansWeb-SemiboldItalic.svg
	pnSansWeb-SemiboldItalic.ttf

	*/
body {
	background: #00629b;
	text-align:center;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	font-family: sans-serif;
	
	PADDING-TOP: 0px;
}
	.pn-error-header {
		font-family: Gotham Book;
		font-size: 25pt;
	}
	.pn-error-info {
		font-family: Gotham Book;
		font-size: 20px;
	}
	
	
	.pn-global {
		position: relative;   
		z-index: 2;
		margin:0 auto;
		align: center;
		clear: both;
		width: 100%;
	}
	.pn-icon {
		margin:0 auto;
		text-align:left;
		clear: both;
		background: #52555a;
		border: none;
	}
	.table-icon {
		/*border-collapse:collapse;*/
		border: none;
		height:100%;
		width: 100%;
		background: #52555a;
	}
	.table-icon-logout {
		/*border-collapse:collapse;*/
		border: none;
		height:100px;
		width: 1024px;
		background: #52555a;
	}
	.table-icon a:link,.table-icon a:visited {
		color:#FFFFFF;
	}
	.td-icon {
		height:82px;
	}
	.td-menu {
		text-align: center;
		color:#FFF;
		font-family: Gotham Medium;
		font-size:14pt;
		cursor:pointer;
	}
		.td-menu a {
			text-decoration:none;
			color:#FFF;
		}
	.td-menu-active {
		text-align: center;
		color:#FFF;/*#00C0D3;*/
		font-family: Gotham Medium;
		font-size:14pt;
		vertical-align:bottom;
		cursor:pointer;
	}
		.td-menu-active a {
			text-decoration:none;
			color:#FFF;/*#00C0D3;*/
		}
	.pn-menu {
		margin:0 auto;
		text-align:left;
		CLEAR: both;
		BACKGROUND: #868a8d no-repeat;
		/*WIDTH: 1100px;*/
		height:45px;
	}

/*basic menu*/
	li{
		border-bottom:1px  solid #ccc;
		list-style-type:none;
		padding:10px 0px;
		line-width : 1px;
		border-bottom-width:1px;
		
		
	}
	a{
		color:black ;
		text-decoration:none;
	}
	a:hover{color:#00B9CE}
	
	.menu_reg {
		margin:0px;
		text-align:left;
		height:100%;
		width:90%;
		border-bottom-style:none;
		border-top-style:none;
		border-left-style:none;
		border-right-style:none;	
	}
	ul{ 
		margin:0px;
		padding:0px;
	}
	#wifi_content{
		width: 85%;
		height: 100%;
		margin: 0;
		padding: 0;
		overflow-y:hidden;
	}
	#internet_content{
		width: 80%;
		/*height: 100%;*/
		margin: 0;
		padding: 0;
		overflow-y:hidden;
	}
	#status_content{
		width: 80%;
		height: 100%;
		margin: auto;
		padding: 0;
		overflow-y:hidden;
	}
	#pn-login-top {
		width: 1000px;
		height: 150px;
	}
	#pn-login {
		margin:200px auto 200px;
		CLEAR: both;
		width: 1000px;
		position: relative;
		background: #00629b;
		/*background: #56C3E1 url(pn-GUI_Login_styleC10-full.png) 0 0 no-repeat;*/
	}
	#pn-login-log {
		text-align: left;
		padding: 20px 0 0 20px;
		width: 980px;
		height: 90px;
	}
	#pn-login-welcome {
		padding: 30px 0 0 0;
	}
	.pn-login-welcome-text {
		text-align: center; 
		width: 500px;
		height: 54px;
		font-size:30px;
		font-family: sans-serif;
		color: #fff;
		line-height: 50px;
	}
	#pn-username {
		padding: 50px 0 0 0;
	}
	.pn-username-input {
		border-radius: 5px;
		border: 2px solid #00C1D5;
		/*border-radius: 3px;*/
		width: 320px;
		height: 52px;
		font-size: 25px;
		font-family: sans-serif;

		/*text-indent: 10px;*/
		padding-left:10px;
		color: #fff;
		background-color: transparent;
		/*background:url(pnlogininput.jpg);
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pnlogininput.jpg', sizingMethod='scale')\9;*/
		background-size:100% 100%;
	}
	.pn-common-input {
		/*border-style: none;*/
		/*border-radius: 3px;*/
		width: 200px;
		/*height: 52px;*/
		/*font-size: 30px;*/
		font-family: Gotham Book;
		/*text-indent: 10px;*/
		/*padding-left:10px;*/
		/*color:#cecece;*/
		/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pnlogininput.jpg', sizingMethod='scale')\9;*/
		background-size:100% 100%;
	}
	.pn-common-select {
		/*border-style: none;*/
		/*border-radius: 3px;*/
		width: 200px;
		/*height: 52px;*/
		/*font-size: 30px;*/
		font-family: Gotham Book;
		/*text-indent: 10px;*/
		/*padding-left:10px;*/
		/*color:#cecece;*/
		/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pnlogininput.jpg', sizingMethod='scale')\9;*/
		background-size:100% 100%;
	}
	.pn-short-input {
		/*border-style: none;*/
		/*border-radius: 3px;*/
		width: 100px;
		/*height: 52px;*/
		/*font-size: 30px;*/
		font-family: Gotham Book;
		/*text-indent: 10px;*/
		/*padding-left:10px;*/
		/*color:#cecece;*/
		/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pnlogininput.jpg', sizingMethod='scale')\9;*/
		background-size:100% 100%;
	}
	.pn-shorter-input {
		/*border-style: none;*/
		/*border-radius: 3px;*/
		width: 50px;
		/*height: 52px;*/
		/*font-size: 30px;*/
		font-family: Gotham Book;
		/*text-indent: 10px;*/
		padding-left:10px;
		/*color:#cecece;*/
		/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pnlogininput.jpg', sizingMethod='scale')\9;*/
		background-size:100% 100%;
	}
	.pn-username-input-active {
		border-radius: 5px;
		border: 2px solid #00C1D5;
		/*border-radius: 3px;*/
		width: 320px;
		height: 52px;
		font-size: 25px;
		font-family: sans-serif;

		/*text-indent: 10px;*/
		padding-left:10px;
		color: #fff;
		background-color: transparent;
		/*background:url(pnlogininput.jpg);
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pnlogininput.jpg', sizingMethod='scale')\9;*/
		background-size:100% 100%;
	}
	#pn-password {
		padding: 12px 0 0 0;
	}
	.pn-password-input {
		 border-radius: 5px;
		 border: 2px solid #00C1D5;

		/*border-radius: 3px;*/
		width: 320px;
		height: 52px;
		font-size: 25px;
		font-family: sans-serif;

		/*text-indent: 10px;*/
		padding-left:10px;
		color: #fff;
		background-color: transparent;
		/*background:url(pnlogininput.jpg);
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pnlogininput.jpg', sizingMethod='scale')\9;*/
		background-size:100% 100%;
		}
	.pn-password-input-active {
		 border-radius: 5px;
		 border: 2px solid #00C1D5;

		/*border-radius: 3px;*/
		width: 320px;
		height: 52px;
		font-size: 25px;
		font-family: sans-serif;

		/*text-indent: 10px;*/
		padding-left:10px;
		color: #fff;
		background-color: transparent;
		/*background:url(pnlogininput.jpg);
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pnlogininput.jpg', sizingMethod='scale')\9;*/
		background-size:100% 100%;
	}
	#pn-button {
		padding: 0 0 0 0;
	}
	.pn-login-button {
		border: 2px solid #00C1D5;
		border-radius: 5px;
		width: 320px;
		height: 50px;
		font-size: 25px;
		font-family: sans-serif;
		color: #fff;
		background: #00C1D5;
		/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pnloginbtn.jpg', sizingMethod='scale')\9;*/
		background-size:100% 100%;
	}
	#pn-note {
		padding: 8px 0 0 0;
	}
	.pn-note-text {
		text-align: center; 
		width: 900px;
		height: 54px;
		font-size: 18px;
		font-family: sans-serif;
		color: #fff;
		line-height: 50px;
	}
	#pn-copyright {
		text-align: center;
		padding: 130px 0 0 30px;
	}
	.pn-copyright-text {
		text-align: center;	
		width: 900px;
		height: 54px;
		font-size: 11px;
		font-family: Gotham Book;	
		color: #ffffff;
		line-height: 20px;
	}
	.pn-home-button {
/*
		border-style: solid ;
		border-color: #BBBBBB;
		border-width: 1px;
*/
		border: none;
		border-radius: 11px;
		width: 120px;
		height: 26px;
		font-size: 14pt;
		font-family:  Gotham Medium;	
		color: #ffffff;
		/*background: #868A8D no-repeat;*/
		background:url(pnhomebtn.jpg);
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pnhomebtn.jpg', sizingMethod='scale')\9;
		background-size:100% 100%;
	}
	#pn-content {
		background: #ffffff no-repeat;
		color: #52555a;
		border: 1px solid #cecece;
			border-top-color:white
	}
	.pn-first-title {
		font-size:19pt;
		font-family:  Gotham Book;
		text-align: middle;
	}
	.pn-first-title-logout {
		padding: 30px 0 30px 20px;
		font-size:20pt;
		text-align: left;
	}
	.pn-table-title {
		margin: 0 20px 0 20px;
		border: none;
		font-size: 15pt;
		text-align: left;
		width: 940px;
		color: #FFFFFF;/*#00B9CE;#00C0D3;*/
	}
	.pn-table-title-fullwidth {
		margin: 0 0px 0 0px;
		border: none;
		font-size: 15pt;
		text-align: left;
		width: 100%;
		color: #FFFFFF;/*#00B9CE;#00C0D3;*/
	}
	.pn-table-status-title {
		margin: 0 0 0 0;
		border: none;
		font-size: 13pt;
		font-family:  Gotham Book;
		text-align: left;
		width: 100%;
		color: #FFFFFF;/*#00B9CE;#00C0D3;*/
	}
	.pn-table-content-title {
		font-size: 13pt;
		font-family:  Gotham Book;
		text-align: left;
		width: 950px;
		border: none;
		line-height: 25px;
	}
	.pn-table-wifi-content {
		font-size: 13pt;
		font-family:  Gotham Book;
		text-align: left;
		width: 100%;
		border: none;
		line-height: 25px;
	}
	.pn-table-content {
		font-size: 13pt;
		text-align: left;
		width: 950px;
		border: 0; /*1px solid #00C1D3;*/
		line-height: 25px;
	}
	.pn-table-content-fullwidth {
		font-size: 13pt;
		text-align: left;
		width: 100%;
		border: 0; /*1px solid #00C1D3;*/
		line-height: 25px;
	}
	.pn-table-status-content {
		align="center";
		font-size: 13pt;
		font-family:  Gotham Book
		text-align: left;
		width: 100%;
		border: 0; /*1px solid #00C1D3;*/
		line-height: 40px;
	}
	.pn-param-title {
		font-size: 15pt;
		width: 400px;
		color: #FFFFFF;
		background:#00C1D3;
	}
	.pn-param-long-title {
		font-size: 15pt;
		width: 600px;
		color: #FFFFFF;
		background:#00C1D3;
	}
	.pn-param-sec-header {
		font-size: 14pt;
		color: #00B9CE;
	}
	.pn-param-header {
		font-size: 14pt;
		font-family: Gotham medium;
		color: #2cd5c4;
		padding-left :8%;
	}
	.pn-param-header-s {
		font-size: 12pt;
		color: #00B9CE;
	}
	.pn-param-name {
			font-size: 13pt;
			font-family: Gotham Book;
			width: 40%;
			padding-left :10%;
	}
	.pn-param-name-nowidth {
			font-size: 13pt;
			padding-left :10%;
	}
	.div-sub-indent {
			padding-left :10%;
	}
	.div-error-msg {
			text-align: center;
			width:100%;
			font-size: 13pt;
			color: #FF0000;
	}
	.div-center-msg {
			text-align: center;
			width:100%;
			font-size: 13pt;
	}
	.pn-param-value {
			font-size: 13pt;
			font-family: Gotham Book;
			width: 5%;
			/*font-family: pn Sans Regular,verdana,helvetica;*/
	}
	.pn-param-value-nowidth {
			font-size: 13pt;
			font-family: Gotham Book;
			/*font-family: pn Sans Regular,verdana,helvetica;*/
	}
	.pn-param-action {
			
			text-align: right;
			width: 20%;
			font-size: 13pt;
			font-family: Gotham Book;
	}	
	.pn-param-save {
			text-align: left;
			font-size: 13pt;
			font-family: Gotham Book;
			
	}
	.pn-param-action-center {
			text-align: center;
			font-size: 13pt;
			/*font-family: pn Sans Medium,verdana,helvetica;*/
	}	
	.pn-param-help {
			width: 12%;
			text-align: right;
			font-size: 13pt;
			font-family: Gotham Book;
			padding-top: 1px;
	}
	.pn-param-logout {
    
		    font-size: 14pt;
		    font-family: Gotham Medium;
	}
	.pn-param-current-login {

		font-size: 12pt;
		font-family: Gotham Medium;
		color:#FFFFFF ;
	}
	/*login.html*/
.content{
	width: 100%;
    	height: 100%;
	margin: 0;
	padding: 0;
	overflow-y:hidden;
}
	/*.pn-param-help img {*/
	img {
		border: none;
	}
	input {
		/*font-family: pn Sans Medium,verdana,helvetica;*/
		font-family: Gotham Book;
	}
	select {
		/*font-family: pn Sans Medium,verdana,helvetica;*/
		font-family: Gotham Book;
	}
	.pn-content-value {
		/*font-family: pn Sans Medium,verdana,helvetica;*/
		font-family: Gotham Book;
	}
	.pn-table-copyright {
		margin: 60px 0 10px 20px;
		font-size: 10pt;
		text-align: left;
		width: 950px;
		border-style: none ;
		line-height: 25px;
		/*font-family: pn Sans Medium,verdana,helvetica;*/
		font-family: Gotham Book;
	}
	
		.pn-wlanspace-title {
			width: 20px;
		}
		.pn-wlanact-title {
			float: left;
			border: none;
			width: 120px;
			text-align: center;
			font-size: 17pt;
			color: #FFFFFF;
			height: 35px;
			margin: 0 20px 0 0;
			padding: 10px 0 0 0;
			background:url(pnwactive.jpg);
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pnwactive.jpg', sizingMethod='scale')\9;
			background-size:100% 100%;
			cursor:pointer;
		}
		.pn-wlaninact-title {
			float: left;
			border: none;
			width: 120px;
			text-align: center;
			font-size: 17pt;
			color: #666666;
			height: 35px;
			margin: 0 20px 0 0;
			padding: 10px 0 0 0;
			background:url(pnwinactive.jpg);
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pnwinactive.jpg', sizingMethod='scale')\9;
			background-size:100% 100%;
			cursor:pointer;
		}
		.pn-wlanline-title {
			width: 10px;
			background: #00C1D3;
		}
		.pn-change-button {
			margin-top: 1px;
			border-style: none;
			border-radius: 10px;
			width: 69px;
			height: 26px;
			font-size: 13pt;
			font-family: Gotham Book;
			/*color: #5FD6C5;*/
			background: #5FD6C5;
			/*background:url(pnbluebutton.jpg);*/
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pnbluebutton.jpg', sizingMethod='scale')\9;
			background-size:100% 100%;
		}
		.pn-change-button-blue {
			margin-top: 1px;
			border-style: none;
			border-radius: 10px;
			width: 69px;
			height: 26px;
			font-size: 13px;
			font-family: Gotham Book;
			/*font-family: pn Sans Semibold,verdana,helvetica;*/
			color: #ffffff;
			/*background: #52555a;*/
			background:url(pnbluebutton.jpg);
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pnbutton.jpg', sizingMethod='scale')\9;
			background-size:100% 100%;
		}
		.pn-change-button-disable {
			margin-top: 1px;
			border-style: none;
			border-radius: 10px;
			width: 69px;
			height: 26px;
			font-size: 13px;
			font-family: Gotham Book;
			/*font-family: pn Sans Semibold,verdana,helvetica;*/
			color: #aca899;
			/*background: #52555a;*/
			background:url(pnbutton.jpg);
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pnbutton.jpg', sizingMethod='scale')\9;
			background-size:100% 100%;
		}
		
		.pn-long-button {
			margin-top: 1px;
			border-style: none;
			border-radius: 10px;
			width: 180px;
			height: 26px;
			font-size: 13px;
			font-family: Gotham Book;
			/*font-family: pn Sans Semibold,verdana,helvetica;*/
			color: #ffffff;
			/*background: #015879;*/
			background:url(pnlongbtn.jpg);
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pnlongbtn.jpg', sizingMethod='scale')\9;
			background-size:100% 100%;
		}
		.pn-super-long-button {
			margin-top: 1px;
			border-style: none;
			border-radius: 10px;
			width: 300px;
			height: 26px;
			font-size: 13px;
			font-family: Gotham Book;
			/*font-family: pn Sans Semibold,verdana,helvetica;*/
			color: #ffffff;
			/*background: #015879;*/
			background:url(pnsuperbtn.jpg);
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pnsuperbtn.jpg', sizingMethod='scale')\9;
			background-size:100% 100%;
		}
		.pn-add-button {
			border-style: none;
			/*font-family: pn Sans Medium,verdana,helvetica;*/
			color: #000000;
			background: #ffffff;
		}
		.pn-wlan-note {
			font-family: Gotham Book;
			/*font-family: pn Sans Semibold,verdana,helvetica;*/
			font-size: 13pt;
		}
		
		.loginfo {
			position: relative;
			cursor: pointer;
			display: inline-block;
			text-decoration: none;
			text-align: center;
			outline: none;
		}
		.loginfo span {
			visibility: hidden;
			position: absolute;
			bottom: 40px;
			left: 50%;
			z-index: 999;
			width: 40px;
			margin-left: -50px;
			padding: 3px;
			border: 1px solid #ccc;		
			background-color: #ddd;
			color: #000000;
			-moz-border-radius: 4px;
			border-radius: 4px;  
			font-family: Gotham Book;
			/*font-family: pn Sans Semibold,verdana,helvetica;*/
			font-size: 13pt;
		}
		.loginfo:hover
		{
			border: 0; /* IE6 fix */
		}
		.loginfo:hover span
		{
			visibility: visible;
		}
		.loginfo span:before,
		.loginfo span:after
		{
			content: "";
			position: absolute;
			z-index: 1000;
			bottom: -7px;
			left: 80%;
			margin-left: -8px;  
		}
		.loginfo span:before
		{
			border-top-color: #ccc;
			bottom: -8px;
		}
		
		
		
		.tooltip
        {
            position: relative;
            background: #fefefe;
            cursor: help;
            display: inline-block;
            text-decoration: none;
            text-align: left;
            color: #222;
            outline: none;
        }
        .tooltip span
        {
            visibility: hidden;
            position: absolute; 
	     bottom: 20px;
            left: 50%;
            z-index: 999;
            width: 600px;
            margin-left: -650px;
            padding: 10px;
            border: 2px solid #ccc;
            /*opacity: .8;*/
            background-color: #ddd;                     
            background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
            background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
            background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
            background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
            background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  
            -moz-border-radius: 4px;
            border-radius: 4px;  
            -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
            -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
            box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;  
            /*text-shadow: 0 1px 0 rgba(255,255,255,.4); */
            /*font-family: pn Sans Semibold,verdana,helvetica;*/
            font-family: Gotham Book;
	     font-size: 13pt;
        }
        .tooltip:hover
        {
            border: 0; /* IE6 fix */
        }
        .tooltip:hover span
        {
            visibility: visible;
            line-height:22px;
        }
        .tooltip span:before,
        .tooltip span:after
        {
            content: "";
            position: absolute;
            z-index: 1000;
            bottom: -7px;
            left: 80%;
            margin-left: -8px;  
			/*
            border-top: 8px solid #ddd;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;        
            border-bottom: 0;  
			*/
        }
        .tooltip span:before
        {
            border-top-color: #ccc;
            bottom: -8px;
        }


        
	.addinfo {
		position: relative;
		cursor: pointer;
		display: inline-block;
		text-decoration: none;
		text-align: center;
		outline: none;
	}
	.addinfo span {
		visibility: hidden;
		position: absolute;
		bottom: 20px;
		left: 50%;
		z-index: 999;
		width: 160px;
		margin-left: 30px;
		padding: 3px;
		border: 1px solid #ccc;		
		background-color: #ddd;
		color: #000000;
		-moz-border-radius: 4px;
		border-radius: 4px;  
		font-family: Gotham Book;
		font-size: 13pt;
	}
	.addinfo:hover
	{
		border: 0; /* IE6 fix */
	}
	.addinfo:hover span
	{
		visibility: visible;
	}
	.addinfo span:before,
	.addinfo span:after
	{
		content: "";
		position: absolute;
		z-index: 1000;
		bottom: -7px;
		left: 80%;
		margin-left: -8px;  
	}
	.addinfo span:before
	{
		border-top-color: #ccc;
		bottom: -8px;
	}

.menuLink {
    /*font-weight: bold;*/
    color: #333333;
    font-size: 13pt;
    font-family:  Gotham  Book;
    width: 100%;
    cursor:pointer;
    text-decoration: none;
    text-align: left;
}
.menuLink:hover {
    color: #46C8E1;
    background-color: #ffffff;
    font-size : 13pt;
    font-family:  Gotham  Medium ;
}
.menuLink:active {
    color: #46C8E1;
    background-color: #ffffff;
}
.menuLink:focus {
    color: #46C8E1;
    background-color: #ffffff;
    font-size : 13pt;
    font-family:  Gotham  Medium ;
}
.menuLink:focus:hover {
    color: #46C8E1;
    background-color: #ffffff;
}
.menuCell {
    background-color: #ffffff;
}

.unit{
    border-right: 10px;
    height:100px;
    width:150px;
    float:right;   
}
.unit button{
    margin-top: 35px;
}
.unit button:hover{
    border:2px solid #555;
}

/**** Dialog Box ****/
.dialogBox:target { opacity:1; pointer-events: auto;-webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in;}
.dialogBox { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 99999; opacity:0;pointer-events: none;}
.dialogBox > div { width: 700px; position: relative; margin: 5% auto; padding: 6px 24px 12px 24px; background: #fff; max-height: 80%; overflow-x: scroll;}
@media only screen and (max-width: 767px) {
    .dialogBox > div { width: 80%;}
}