/* Global CSS Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	padding: 0;
	margin: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,img { 
	border: 0;
	}
address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
	}
ol,ul {
	list-style: none;
	}
caption,th {
	text-align: left;
	}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
	}
	
	
	/* CSS ToolBox */


.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }


	/*  Font Styles  */


h1 {
	font-size: 14pt;
	font-family: Georgia;
	font-color: #203f62;
	color: #203f62;
}
p.load-text-1 {
	font-size: 18px;
	text-align: center;
	color: #1b4b86;
	padding: 20px;
}
p.load-text-2 {
	font-size: 18px;
	color: #1b4b86;
	text-align: center;
	padding: 0px;
}
img#loading-gif {
	margin: auto;
	padding-top: 15px;
}
h2 {
	font-size: 14pt;
	font-family: Calibri;
	font-color: #203f62;
	font-weight: bold;
	color: #203f62;
}


	/*  Page Styles  */


html {
	height: 100%; 
	}
	
body {
	font: 10pt "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #dce6ee;
	height: 100% 
	}
	
div#bg-wrap {
	width: 960px;
	height: 100%;
	position: relative;
	margin: 0 auto;
}

div#header {
	width: 960px;
	height: 227px;
	position: relative;
}
	div#header-left { 
		background: url(/images/header_left.png);
		position: absolute;
		z-index: 5;
		width: 9px;
		height: 142px;
		top: 0px;
		left: -5px;
	}
	div#header-right { 
		background: url(/images/header_right.png);
		position: absolute;
		z-index: 5;
		width: 9px;
		height: 91px;
		top: 0px;
		right: -5px;
	}
	div#selected_property {
		font-size: 12pt;
		width: 300px;
		height: 20px;
		color: #000;
		position: absolute;
		top: 200px;
		left: 638px;
		border: 0px solid #fff;
		text-align: center;
		overflow: hidden;
	}

div#footer {
	width: 960px;
	height: 209px;
	background: url(/images/MyHotelView_footer.png) no-repeat;
}

div#mid-wrap {
	width: 920px;
	min-height: 325px;
	margin: 0 0 0 20px;
	background: #FFF url(/images/mid_bg_rpt.png) repeat-x;
	border: 1px solid #8fadc5;
	border-top: 0;
	border-bottom: 0;
}
div#content {
	padding: 56px 15px 0 15px;
}
div#bandwidth {
	margin: 0 auto;
	border: 1px solid #cecece;
	width: 547px;
	background: #eee;
	padding: 10px;
}
div#bw-selector {
	margin: 0 0 0  35px;
	border: 1px solid #cecece;
	width: 250px;
	background: #eee;
	padding: 10px;
}
div#header-menu {
	position: absolute;
	top: 3px;
	left: 440px;
	color: #e1e8f0;
	font-size: 10px;
}
a.header-menu:visited, a.header-menu:link {
	color: #e1e8f0;
	text-decoration: none;
}
a.header-menu:active, a.header-menu:hover  {
	color:#FFF;
	text-decoration: underline;
}
	
	/*   Navimagation   */


div#nav-wrap {
	width: 900px;
	margin: 0 0 0 12px;
}
ul#nav li {
	display: inline;
}
	ul#nav li a {
		text-indent: -4200px;
		display: block;
		height: 48px;
		float: left;
	}

		ul#nav li a.nav-01 {
			background: url(/images/nav/nav_home.png) no-repeat top center;
			width: 62px;
		}
		ul#nav li a.nav-02 {
			background: url(/images/nav/nav_profile.png) no-repeat top center;
			width: 85px;
		}
		ul#nav li a.nav-03 {
			background: url(/images/nav/nav_current.png) no-repeat top center;
			width: 83px;
		}
		ul#nav li a.nav-04 {
			background: url(/images/nav/nav_status.png) no-repeat top center;
			width: 100px;
		}
		ul#nav li a.nav-05 {
			background: url(/images/nav/nav_stats.png) no-repeat top center;
			width: 89px;
		}
		ul#nav li a.nav-06 {
			background: url(/images/nav/nav_tickets.png) no-repeat top center;
			width: 85px;
		}
		ul#nav li a.nav-07 {
			background: url(/images/nav/nav_bandwidth.png) no-repeat top center;
			width: 74px;
		}
		ul#nav li a.nav-08 {
			background: url(/images/nav/nav_supplies.png) no-repeat top center;
			width: 87px;
		}
		ul#nav li a.nav-09 {
			background: url(/images/nav/nav_referral.png) no-repeat top center;
			width: 90px;
		}
		ul#nav li a.nav-10 {
			background: url(/images/nav/nav_contact.png) no-repeat top center;
			width: 86px;
		}
		ul#nav li a.nav-11 {
			background: url(/images/nav/nav_faq.png) no-repeat top center;
			width: 54px;
		}

		
		ul#nav li a.nav-01:hover, ul#nav li a.nav-01:active,
		ul#nav li a.nav-02:hover, ul#nav li a.nav-02:active,
		ul#nav li a.nav-03:hover, ul#nav li a.nav-03:active,
		ul#nav li a.nav-04:hover, ul#nav li a.nav-04:active,
		ul#nav li a.nav-05:hover, ul#nav li a.nav-05:active,
		ul#nav li a.nav-06:hover, ul#nav li a.nav-06:active,
		ul#nav li a.nav-07:hover, ul#nav li a.nav-07:active,
		ul#nav li a.nav-08:hover, ul#nav li a.nav-08:active,
		ul#nav li a.nav-09:hover, ul#nav li a.nav-09:active,
		ul#nav li a.nav-10:hover, ul#nav li a.nav-10:active,
		ul#nav li a.nav-11:hover, ul#nav li a.nav-11:active
		 {
			background-position: bottom center;
		}
		
		
		/*   Calendar   */
		
		
div.panel {
	width: 808px;
	height: 363px;
	background: url(/images/calendar.png) no-repeat;
	margin: 20px auto 0;
	padding: 29px 0 0 2px;
	
}
	div.panel table {
		width: 808px;
		color: #FFF;
	}
	div.panel table tr {
		height: 54px !important;
		overflow: hidden;
	}
	div.panel table tr td {
		width: 115px;
		padding: 5px;
		height: 10px;
		vertical-align: top;
		overflow: hidden;
	}
	div.panel table tr td span {
		font-size: 20pt;
		font-weight: bold;
		float: left;
		width: 33px;
		height: 33px;
		overflow: hidden;
		color: #e4e7eb;
	}
	div.panel table tr td div {
		height: 40px;
		width: 70px;
		overflow: hidden;
		float: right;
	}
	div#cal_bottom {
		position: relative;
		width: 570px;
		height: 62px;
		overflow: hidden;
		color: #FFF;
		left: 235px;
		top: -55px;
		padding: 5px;
	}
	div#cal_bottom div {
		float: left;
		height: 62px;
		overflow: hidden;
	}
		div#cal_bottom div span {
			font-weight: bold;
			font-size: 12pt;
		}
		div#cal_total {
			width: 120px;
		}
		div#cal_email {
			width: 150px;
		}
		div#cal_blocked {
			width: 130px;
		}
		div#cal_date {
			width: 160px;
			font-weight: bold;
			font-size: 28pt;
			color: #c5ced7;
		}



		/* Form Styles */
		
		
		
div#form-wrap {
	margin: 0 auto;
	width: 500px;
	top: 10px;
}
div#form-wrap label {
	display: block;
	text-align: right;
	width: 120px;
	font-weight: bold;
	float: left;
	margin: 0 0 0 20px;
}
	div.form-line input {
		border: 1px solid #756f64;
		float: right;
		margin: 0 130px 0 0;
		height: 18px;
		width: 185px;
	}
		.input-other {
			border: 1px solid #756f64;
			float: right;
			margin: 0 130px 0 0;
			height: 18px;
			width: 185px;
		}
	div.form-line textarea {
		border: 1px solid #756f64;
		float: right;
		margin: 0 63px 0 0;
		height: 90px;
		width: 250px;
	}
	div.form-line select {
		border: 1px solid #756f64;
		float: right;
		margin: 0 130px 0 0;
		height: 18px;
		width: 185px;
	}
	#form-wrap .active {
		background-color: #75889c;
		color: #FFFFFF;
	}

div.form-line {
	display: block;
	width: 500px;
	min-height: 20px;
	padding: 10px 0 10px 0;
	border-bottom: 1px dotted #756f64;
	left: 50px;
}
div.form-line-2 {
	display: block;
	width: 500px;
	min-height: 20px;
	padding: 10px 0 10px 0;
	border-bottom: 1px dotted #756f64;
	left: 50px;
}
input.button {
	width: 100px;
	height: 29px;
	margin: 10px 0 0 0;
	border: 0;
	float: right;
}
div#footer {
	margin: 0 auto;
}

ul#supplies {
	width: 600px;
	margin: 0 auto;
	padding-bottom: 30px;
	}
	ul#supplies li {
		margin: 0 0 12px 0;
	}
	

table.supply-line {
	margin: 0 auto;
	}
	table.supply-line td {
		vertical-align: middle;
		border-right: 1px dotted #84a5b5;
		padding: 7px;
		}
		table.supply-line td p {
			width: 310px;
		}
		tr#tabletop td {
			border-right: 2px solid #84a5b5 !important;
			border-bottom: 2px solid #84a5b5;
		}
select.quantity {
	width: 60px;
}
td.qty_bg {
	background-color: #d0d8dd;
	width: 150px;
}
strong {
	font-weight: bold;
}
p.order_price {
	font-size: 14pt;
	font-weight: 400;
}


		/*   Index/Login   */
		
		
div#login {
	width: 227px;
	height: 272px;
	background: url(/images/login.png) no-repeat;
	float: left;
	position: relative;
	margin: 10px 0 0 0;
}
input#username, input#password {
	width: 176px;
	height: 28px;
	border: 0;
	position: absolute;
	left: 24px;
	font-size: 14pt;
	background: none;
}
input#password {
	top: 182px;
}
input#username {
	top: 123px;
}
input#login-submit {
	position: absolute;
	bottom: 24px;
	left: 112px;
	width: 90px;
	height: 27px;
	background-color: #5084b7;
	color: #FFF;
	border: 0;
	font-size: 9pt;
}

div#index-content {
	width: 500px;
	float: right;
	color: #2b5380;
	font-size: 14pt;
	margin: 30px 0 0 0;
	padding: 0 75px;
}

      /*   List   */
      
      
ul#list {
	width: 400px;
	margin: 0 auto;
}
	ul#list li {
		margin: 2px;
		text-align: center;
	}

	ul#list li a {
		border: 1px solid #6784a4;
		height: 20px;
		padding: 2px 0 0 0;
		display: block;
		background: url(/images/select_bg.png) repeat-x;
		color: #142c46;
		text-decoration: none;
	}	
	ul#list li a:hover, ul#list li a:active {
		background: url(/images/select_bg_hover.png) repeat-x;
		color: #FFF;
	}
	.li-highlight {
		border: 3px solid #7c94af;
	}
	
	
	/*    Table    */
	
	
div#table-wrap {
	position: relative;
	width: 820px;
	margin: 0 auto;
}
div#table-wrap table { 
	border-collapse: collapse; 
	width: 800px; 
	margin: 0; 

}
div#table-wrap table td { 
	border: 1px solid #ccc; 
	padding: 10px; 
}

tr#header { 
	width: 100%; 
	height: 42px;
    background: url(/images/thead_bg.png) repeat-x;
}
div#table-wrap table th {
	border-right: 1px dotted #e2e2e2;
	padding: 0 10px 0 10px;
	color: #fff;
}
div#table-wrap table th span {
	top: -5px;
	position: relative;
}
div#table-wrap table th#th_end {
	border-right: 0;
}

div#table-lock {
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
}

tr#tr-highlight {
	background-color: #dababa;
}
tr#tr-notmonitored {
	background-color: #a2c5ce;
}

tr.tr-active {
	background-color: #ddd;
}
td.td-highlight {
	text-decoration: underline;
	color: #2c4f79;
}


		/*  Trouble Tickets	*/

		
div#trouble-tickets {
	margin: 0 auto;
	width: 550px;
	min-height: 200px;
	height: auto;
	background: url(/images/tickets_bg.png) no-repeat;
	padding: 60px 125px 0 125px;
}  

	div#ticket-res div {
		width: 400px;
	}
	div#ticket-number {
		color: #2B5380;
		font-size: 14pt;
		font-family: Georgia;
	}

.tt_span {
	font-weight: bold;
	height: 40px;
	width: 160px;
	margin: 7px;
}

		/*  Profiles   */
		
		
div#profiles-info {
	width: 275px;
	height: 150px;
	float: left;
}
div#profiles-info span, div#profiles-so span { 
	font-size: 15pt;
	color: #33629a;
}
div#profiles-info table, div#profiles-so table {
	width: 100%;
}
div#profiles-info table tr, div#profiles-so table tr {
	/*-bottom: 5px solid #7196c3;*/
}

div#profiles-so {
	width: 575px;
	height: 150px;
	float: right;
	overflow: auto;
}
div#profiles-so th {
	background: #4a5b6f;
	height: 30px;
	padding: 5px;
	color: #FFF;
}
div#profiles-so table tr td, div#profiles-info table tr td {
	padding: 3px;
	border-bottom: 1px solid #7196c3;
}

div#profiles-password {
	width: 275px;
	height: 150px;
	float: left;
}
div#profiles-password span, div#profiles-email span { 
	font-size: 15pt;
	color: #33629a;
}
div#profiles-password table, div#profiles-email table {
	width: 100%;
}
div#profiles-password table tr, div#profiles-email table tr {
	border-bottom: 1px solid #7196c3;
}

div#profiles-email {
	width: 575px;
	float: right;
}
div#profiles-email th {
	background: #4a5b6f;
	height: 30px;
	padding: 5px;
	color: #FFF;
}
div#profiles-email table tr td, div#profiles-password table tr td {
	padding: 3px;
}
/* JS ADD */
div#profiles-filler {
	width: 275px;
	/* height: 150px; */
	float: left;
}
div#profiles-filler span, div#profiles-nomadixpwd span { 
	font-size: 15pt;
	color: #33629a;
}
div#profiles-filler table, div#profiles-nomadixpwd table {
	width: 100%;
}
div#profiles-filler table tr, div#profiles-nomadixpwd table tr {
	border-bottom: 1px solid #7196c3;
}

div#profiles-nomadixpwd {
	width: 575px;
	float: right;
}
div#profiles-nomadixpwd th {
	background: #4a5b6f;
	height: 30px;
	padding: 5px;
	color: #FFF;
}
div#profiles-nomadixpwd table tr td, div#profiles-filler table tr td {
	padding: 3px;
}


	/* 	Slider   */
	
	div#slider {
		margin: 0 auto;
		
	}
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		width:808px;
		position: relative;
		overflow:hidden; 
		}
	span#prevBtn{
	}
	span#nextBtn{
	}
	
#fudgeie {
	margin: 0 auto;
	width: 522px;
	height: 155px;
	background: url(/images/iewarning.png) no-repeat;
}
	#fudgeie #fiefox {
	position: relative;
	top: 100px;
	left: 155px;
	}
	#fudgeie #fie8 {
	position: relative;
	top: 100px;
	left: 150px;	
	}
	
	
	  /*  Slider   */
	  
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		/*.csw .loading {margin: 200px 0 300px 0; text-align: center}*/

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 0px solid #000; /* this is the border. should have the same value for the links */

			width: 808px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 363px;
			clear: both;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; 
			top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			position: relative;
			top: -20px;
			left: 0px;
			border: 0px solid #000;
			
			height: 363px;
			background: url(/images/calendar.png) no-repeat;
			margin: 20px -1px 0;
			padding: 29px 0 0 2px;
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
			display: none;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}
div#cross-links {
	width: 780px;
	border: 1px solid #33506e;
	background: url(/images/cal_select_bg.png) repeat-x;
	color: #fff;
	margin: 15px auto 0;
	padding: 8px;
	text-align: center;
}
	div#cross-links a:active, div#cross-links a:link, div#cross-links a:visited {
		color: #dce3ea;
		text-decoration: none;
	}
	 div#cross-links a:hover {
	 	color: #FFF;
	 	text-decoration: underline;
	 }
	 span#cross-links-span {
	 	position: relative;
	 	left: 47px;
	 	top: 18px;
	 	color: #6a8098;
	 	font-size: 14pt;
	 	font-family: georgia;
	 	
	 }
	 
	 
	 
/*     FAQ     */


div#faq {
	padding: 25px;
}
div#faq span {
	font-size: 12pt;
	font-family: Calibri;
	font-color: #203f62;
	color: #203f62;
	font-weight: bold;
}
div#faq p {
	text-indent: 20px;
	padding: 6px 0 10px 10px;
}
div#faq hr {
	color: #f7f8fa;
	background-color: #f7f8fa;
	height: 1px;
	width: 700px;
}

div#faq table {
	position: relative;
	left: 30px;
}

div#faq table td {
	border: 1px solid #203f62;
	padding: 7px;
}


/*     PW Change    */


ul#changepw {
	margin: 15px auto;
	width: 350px;
	border: 0px solid #000;
}
	ul#changepw li {
		font-weight: bold;
		padding:  7px 0;
		border-bottom: 0px solid #b2c1d3;
		color: #2b588f;
	}
	ul#changepw input {
		float: right;
	}
span#login-error {
	color: #FFF;
	margin: 0 auto;
	padding: 7px 5px;
	background-color: #305887;
	font-weight: bold;
	position: relative;
	left: 9px;
	top: 75px;
}
img#demo_btn {
	position:relative;
	z-index: 5;
	top: 242px;
}
img#demo-submit {
	position: absolute;
	left: 110px;
	top: 220px;
}