/* This is the CSS for the pages stuff - for random pages that won't fit in the overlay */

*, html, body, div { margin: 0, padding: 0; }

body{
font: 12px Arial, Helvetica, FreeSans, sans-serif;
color:#666666;
margin: 0px; padding: 0px;
background: #000000 url(../images/page-bg.jpg) repeat-y center top;
-webkit-background-size: 2160px 1006px;
}

img { border: 0px; }

a {color:#39c; text-decoration: none;}
a:hover {color:#39c; text-decoration: underline;}

p, li {
color: #666666;
font-size: 12px;
}

p, ul { margin-bottom: 18px; }

li { margin-bottom: 5px; }

/*Page Title Stuff*/

h1, h2, h3, h4, h5 {
 font-weight: normal;
 color: #2b5275;
 line-height: 18px;
 margin-bottom: 14px; 
}

h1 {display: none;}



h2 {
 font-size: 30px;
 line-height: 30px;
 color: #666666;
}


h3 {
 font-size: 17px;
 padding-bottom: 10px;
 border-bottom: 1px solid #e7eff5;
 color: #ffffff;
}

.blockhead {
	background-color:#666666;
	color: #ffffff;
	border-width:1px;
	border-style:solid;
	border-bottom-color:#aaa;
	border-right-color:#aaa;
	border-top-color:#ddd;
	border-left-color:#ddd;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding: 8px;
	width: 895px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

.blockhead2 {
	background-color:#666666;
	color: #ffffff;
	border-width:1px;
	border-style:solid;
	border-bottom-color:#aaa;
	border-right-color:#aaa;
	border-top-color:#aaa;
	border-left-color:#aaa;
	padding: 8px;
	width: 853px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 30px;
}

.blockheadlight {
	background-color:#e7eff5;
	border-width:1px;
	border-style:solid;
	border-bottom-color:#aaa;
	border-right-color:#aaa;
	border-top-color:#ddd;
	border-left-color:#ddd;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding: 8px;
}

.blockheadclear {
	background: transparent url('../images/transparent.png');
	color: #ffffff;
	border-width:1px;
	border-style:solid;
	border-bottom-color:#aaa;
	border-right-color:#aaa;
	border-top-color:#ddd;
	border-left-color:#ddd;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding: 8px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 700px;
}

/* Note: this is the CSS solution, but it fucks up the child elements; no way to remove opacity as of now */
.blockheadclear2 {
	background-color:#000000;
	color: #ffffff;
	border-width:1px;
	border-style:solid;
	border-bottom-color:#aaa;
	border-right-color:#aaa;
	border-top-color:#ddd;
	border-left-color:#ddd;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding: 8px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	opacity: 0.65;
	-khtml-opacity: 0.65;
	-moz-opacity: 0.65; /* older Gecko-based browsers */
	filter:alpha(opacity=65); /* For IE6&7 */
	width: 700px;
}


.blockhead a {
color: #699bc9;
}

.blockheadclear a {
color: #699bc9;
}

.blockheadclear2 a {
color: #699bc9;
}


h4 {
 font-size: 13px;
 font-weight: bold;
 color: #699bc9;
 font-weight: bold;
}


h6 {
 font-size: 12px;
 font-weight: bold;
 color: #699bc9;
 padding-bottom: 2px;
 margin-bottom: 5px;
 border-bottom: 1px solid #e7eff5;
}

label {
 width:90px;
 float:left;
 margin-top: 2px;
}

.hide { display: none; }

/* The page stuff - frame and containers and shit */

#page-container {
width: 1008px;
margin-left: auto;
margin-right: auto;
margin-top: 80px;
margin-bottom: 100px;
}

#page-top {
width: 1008px;
height: 58px;
background: transparent url(../images/page-top.png) no-repeat center top;
}

#page-middle {
width: 1008px;
height: 100%;
background: transparent url(../images/page-middle.png) repeat-y center top;
}

#page-content {
width: 900px;
height: 100%;
margin-left: auto;
margin-right: auto;
}

#page-bottom {
width: 1008px;
height: 58px;
background: transparent url(../images/page-bottom.png) no-repeat center top;
}



/* The form stuff */
.formfield {
background: #666;
padding: 2px;
width: 150px;
color: #ffffff;
border: 1px solid #7d7d7d;
}

.formfieldlight {
background: #f0f0f0;
padding: 2px;
width: 150px;
color: #666666;
border: 1px solid #9f9e9e;
}

.formtextarea {
background: #666;
padding: 2px;
width: 200px;
height: 50px;
color: #ffffff;
border: 1px solid #7d7d7d;
}

/* Extra Form Fields */

.paymentfield {
background: #666666;
padding: 2px;
width: 150px;
color: #ffffff;
border: 1px solid #7d7d7d;
}

.formfieldmap {
padding: 2px;
background: transparent;
border: 1px solid #666666;
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 170px;
}

.formfieldnf {
border:1px solid #fff;
background:#fff url(../images/formfieldbg.gif) repeat-x top left;
padding-left:0.5em;
margin-bottom:0.6em;
color: #666666;
}

.formfieldnf.long {
width: 400px;
}

.formfieldnf.medium {
width: 170px;
}

.formfieldnf.short {
width: 50px;
}

.formfield, .formfieldlight, .formtextarea, .paymentfield, .formfieldmap, .formfieldnf {
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
}

.formfield:focus, .formfieldlight:focus, .formtextarea:focus, .paymentfield:focus, .formfieldmap:focus, .formfieldnf:focus {
color:#000;
outline:none;
border:#699bc9 1px solid;
box-shadow: 0 0 5px rgba(105, 155, 201, 1);
-webkit-box-shadow: 0 0 5px rgba(105, 155, 201, 1);
-moz-box-shadow: 0 0 5px rgba(105, 155, 201, 1);
}


/* Button Styles */



button, input.awesome, button.awesome {border:0 none; margin:0; text-align:left; }
input.awesome, button.awesome {overflow:visible;}

.awesome, .awesome:visited {
	background: #222 url(../images/button-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
 
	.awesome:hover	{ background-color: #111; color: #fff; }
	.awesome:active	{ top: 1px; }
	.small.awesome, .small.awesome:visited { font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited{ background-color: #91bd09; }
	.green.awesome:hover{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited { background-color: #2daebf; }
	.blue.awesome:hover { background-color: #007d9a; }
	.red.awesome, .red.awesome:visited { background-color: #e33100; }
	.red.awesome:hover { background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited { background-color: #a9014b; }
	.magenta.awesome:hover { background-color: #630030; }
	.orange.awesome, .orange.awesome:visited { background-color: #ff5c00; }
	.orange.awesome:hover { background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited { background-color: #ffb515; }
	.yellow.awesome:hover { background-color: #fc9200; }




.formbutton {
background-color: #666666;
border-color: #d8dfea #7d7d7d #7d7d7d #d8dfea;
border-style: solid;
border-width: 1px;
color: #fff;
font-family: arial, tahoma, verdana, sans-serif;
font-size: 100%;
margin: 0 2px;
padding: 4px 18px;
font-weight: bold;
width:auto;
overflow:visible;
}

.formbuttontight {
background-color: #666666;
border-color: #d8dfea #7d7d7d #7d7d7d #d8dfea;
border-style: solid;
border-width: 1px;
color: #fff;
font-family: arial, tahoma, verdana, sans-serif;
font-size: 100%;
margin: 0 2px;
padding: 2px 16px;
font-weight: bold;
width:auto;
overflow:visible;
}



#tooltip { behavior: url(/css/iepngfix.htc); }



h3.acc_trigger, h3.acc_trigger2 { behavior:url(/css/iepngfix.htc); }
h3.acc_trigger2 { width: 390px; }


/* This is the Google Maps Shit */

#map-container {
width: 900px;
height: 100%;
margin-left: auto;
margin-right: auto;
}

#map-shit {
float: left;
width: 400px;
}


#map_canvas { 
height: 390px; 
width: 390px;
color: #666666;
}

#map_canvas a {
color: #699bc9;
}

#directionOptions {
margin-bottom: 8px;
}

#directionsPanel {
width: 100%;
}

#directionsPanel table {
width: 100%;
color: #666666;
font-size: 12px;
}

#directionsPanel table img {
	clear: both;
	margin: 0px;
	padding: 8px;
	background: transparent;
	border: 0px;
}

#location {margin-top: 8px; }

#locationHolder {
margin-bottom: 10px;
height: 60px;
overflow: auto;
}

#locationHolder h4 {
display: inline;
}

#searchControls {
margin-top: 8px;
}

#searchwell {
  width : 100%;
  margin-left: 15px;
  margin-right: 12px;
  word-wrap: break-word; 
  font-size: 12px;
}

#searchwell .unselected {
  padding-left: 24px;
  padding-top: 1px;
  margin-top: 5px;
  background-image: url("../images/pushpin1.png");
  background-repeat: no-repeat;
  background-position: top left;
  margin-bottom: 10px;
}

#searchwell .unselected a {
  color: #699bc9;
}

.unselected .gs-watermark {
  display: none;
}

.unselected .gs-directions {
  display: none;
}

.unselected .gs-directions-to-from {
  display: none;
}

.unselected .select {
  cursor: hand;
  text-decoration: underline;
  color: #7777cc;
}

#searchwell .red {
  background-image: url("../images/pushpin2.png");
}

.full_screen_map {
position: absolute !important;
top: 0px !important;
left: 0px !important;
z-index: 1 !imporant;
width: 100% !important;
height: 100% !important;
margin-top: 0px !important;
margin-bottom: 8px !important;
}

.full_screen_directionOptions {
position: absolute !important;
top: 10px !important;
left: 100px !important;
z-index: 2 !important;
padding: 15px;
background-color: rgba(255,255,255,.8);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.full_screen_directionsPanel {
position: absolute !important;
right: 20px !important;
top: 40px !important;
z-index: 2 !important;
width: 33% !important;
padding: 0px !important;
background-color: rgba(255,255,255,.8);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}


.full_screen_searchControls {
position: absolute !important;
bottom: 20px !important;
left: 100px !important;
z-index: 2 !important;
padding: 15px;
background-color: rgba(255,255,255,.8);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.full_screen_searchwell {
position: absolute !important;
left: 100px !important;
top: 100px !important;
z-index: 2 !important;
width: 260px !important;
padding: 0px !important;
background-color: rgba(255,255,255,.8);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.addPadding {
padding: 15px !important;
}

#InfoHolder {
margin-bottom: 5px;
}

#InfoHolder h4 {
display: inline;
}

#getDir {
padding: 5px 0px 5px 0px;
}

/* The jquery sliding tab shit on the maps page */


#tab-shit {
width: 500px;
float: right;
}

h3.acc_trigger {
	padding: 0;	margin: 0 0 5px 0;
	background: url(../images/h3_trigger_a.png) no-repeat;
	height: 46px;	line-height: 46px;
	width: 490px;
	font-size: 2em;
	font-weight: normal;
	float: left;
	border-bottom: 0px;
}
h3.acc_trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 0 0 50px;
}
h3.acc_trigger a:hover {
	color: #ccc;
}
h3.acc_trigger2 {
	padding: 0;	margin: 0 0 5px 0;
	background: url(../images/h3_trigger_a.png) no-repeat;
	height: 46px;	line-height: 46px;
	width: 490px;
	font-size: 2em;
	font-weight: normal;
	float: left;
	border-bottom: 0px;
}
h3.acc_trigger2 a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 0 0 50px;
}
h3.acc_trigger2 a:hover {
	color: #ccc;
}
h3.active {
	background-position: left bottom;
}
.acc_container {
	margin: 0 0 5px; padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	width: 490px;
	clear: both;
	background: #f0f0f0;
	border: 1px solid #d6d6d6;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.acc_container p, li { color: #666666; }
.acc_container .block {
	padding: 20px;
}
.acc_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.acc_container h3 {
	font: 2em normal Arial, Helvetica, serif;
	color: #9f9e9e;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.acc_container img {
	float: left;
	margin: 10px 15px 5px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}


/* This is the jquery tab stuff - netflix page */

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #666666;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #dad8d9;
	border-bottom: 1px solid #dad8d9; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	width: 100%;
	background: #dad8d9;
}
.tab_content {
	padding: 10px;
}



/* This is for holding code */

code, pre { color: #666666; }

.codeholder {
width: 100%;
height: 400px;
overflow: auto;
}

.codeholder2 {
width: 828px;
overflow: auto;
background: #ffffff;
padding: 10px;
}


/* The Dynamic PDF Stuff - a lot is shared with maps stuff */


#pdf-container {
width: 900px;
height: 100%;
margin-left: auto;
margin-right: auto;
}

#pdf-shit {
float: left;
width: 400px;
}

#pdf-table {
width: 260px;
color: #666666;
font-size: 12px;
}



/* The Netflix Page Stuff */
#movieTemplateContainer .titleholder {
width: 827px;
padding: 10px;
border: #999 solid 1px;
margin-bottom: 20px;
}

#movieTemplateContainer0 {
margin-top: 10px;
}

.boxartholder {
width: 150px;
float: left;
}


#searchResults {
border: 1px solid #999;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
width: 787px;
color: #666666;
background-color: #e0e0e0;
background-image: url('../images/icon-movies.png');
}


#loadingStatus, #loadingStatus2, #loadingStatus3 {
border: 1px solid #999;
margin: 10px 0px;
padding:15px 10px 15px 10px;
width: 827px;
color: #666666;
background-color: #e0e0e0;
background-image: none;
}

#movieSearch {
margin-bottom: 10px;
}

#jsonNotes { 
margin-bottom: 10px;
}

#jsonTestresultsintro {
margin-bottom: 10px;
}

#jsonTestresults { 
height: 400px;
overflow: auto;
}


.boxoverlay {
	background:url(../images/spacer.gif) repeat scroll 0 0 transparent;
	display:block;
	height:150px;
	position:absolute;
	width:110px;
	z-index:5;
	}

.boxoverlay:hover {background:transparent url(../images/boxart-overlay.png) scroll 0 0 no-repeat;}



span.stars, span.stars span { 
    display: inline-block; 
    background: url(../images/star-av.png) 0 -16px repeat-x; 
    width: 80px; 
    height: 16px; 
} 


span.stars span { 
    background-position: 0 0; 
} 


a.help {
cursor: help;
}

#netflixlink {
float: right;
position: relative;
top: 30px;
right: 10px;
}

.nfrssholder {
width: 827px;
padding: 10px;
border: #999 solid 1px;
margin-bottom: 20px;
}
.nfrssdesc img {
display: none;
}

#feedContent {
margin-top: 20px;
}