@charset "utf-8";
/* CSS Document */


.alignField { margin-bottom: 7px; }
/*
<FORM action=\"http://www.cartserver.com/sc/cart.cgi\" method=POST>
 
  <!--SourceCode Tag Begin -->
  <input type=hidden name=item_1 value=\"b-4727^=info=^Source Code=^1^1\">
  <input type=hidden name=op1_1 value=\"WthrLnk_ECOM\">
  <!--SourceCode Tag End -->

<INPUT TYPE=\"hidden\" name=\"item\" VALUE=\"b-4727^op2^WeatherLinkIP&trade;^295.00^1^^^^^\">
<!-- FORMAT OF SUBMIT VALUE for VirtualCart: \"b-4727^partnumber^description^cost^quantity^per_item_shipping^insurance_fee^unit_of_measure^ship_weight^photo_FULL_url\"
 
the op2 input element (below) contains the product number to be ordered (including selected version suffix) -->
  <INPUT TYPE=\"hidden\" name=\"op2\" VALUE=\"06555\">
  <input type=\"button\" value=\"Order Now\" width=\"60\" border=\"0\">
 
      <input type=image name=\"order_item\" src=\"/global/img/buy_btn.gif\" width=\"85\" height=\"30\" border=\"0\">
</FORM>	
*/



/* Global Navigation Links for Templates */

/* ---------- FORMS ---------- */
input
{
	color: #333399;
	border-bottom-color: #CCCCCC;
	border-bottom-style: inset;
	border-bottom-width: 1px;
	background-color: #F1F5FA;
}

.submit input
{
	color: #333399;
	background-color: #E0E9F3;
	border-bottom: 2px solid #333366;
	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
	border-right: 2px solid #333366;
	font-weight: normal;
} 
fieldset
{
	border-color: #A8C5E1;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
	margin: 2px 2px 2px 2px;
	padding: 5px 7px 7px 15px;
}

legend
{
	color: #333399;
	padding: 2px 6px;
	background-color: #EBF1F8;
	margin-top: 7px;
	margin-bottom: 7px;
	border-color: #7DA8D2;
	border-style: solid;
	border-width: 1px;
} 

.input_table
{
	font-family: Arial, Helvetica, sans-serif;
	padding:5px;
	font-size: 14px;
	font-weight: normal;
	background-color: #ffffff;
	color: black;
} 


/* ---------- LINKS ---------- */
a {
	font-family: Arial, Helvetica, sans-serif;
	color: #333399;
}

a:link {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	background-image: url(/images/nav_bg.png);
}
a:active {
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: underline;
}

/* ---------- Tables ---------- */

.basic_table
{	
	font-family: Arial, Helvetica, sans-serif;
	padding:5px;
	font-size: 13px;
	font-weight: normal;
	color: black;
} 

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;

}

.license_table
{
	font-family: Arial, Helvetica, sans-serif;
	padding:0px;
	font-size: 14px;
	font-weight: normal;
	background-color: #ffffff;
	color: black;
	margin-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #333399;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #333399;
}


/* ---------- NAVIGATION HEADINGS ---------- */


td#Nav_left
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	text-indent: 15px;
	color: #333399;
	background-color: #FFFEFD;
} 

td#Nav_right
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	text-align: right;
	font-weight: normal;
	font-size: 12px;
	color: #333399;
	background-color: #FFFEFD;
} 


/* ---------- Display Pages ---------- */

.glamor_table
{
	background-image: url('./clouds2.jpg');
	background-color: white;
	color: white; 
}

.glamor_tempORIG
{	
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: bottom;
	text-align: center;
	font-size: 90px;
	font-weight: bold;
	color: white;
} 

.glamor_temp
{	
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: bottom;
	text-align: center;
	font-size: 60px;
	font-weight: bold;
	color: white;

/* SHADOW TEXT: default setup that everything sees */

  /* needed for Internet explorer */

  height: 0em;
  filter: Shadow(Color=#000000, 
                 Direction=135, 
                 Strength=5);

  /* Needed for Gecko */
  line-height: 1em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #000000; 
}

#shadow_1:before { 
  content: 'In shadow'; 
}
#second_2:before { 
  content: 'Happy Shadowing!'; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #000000 5px 5px 5px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}
/*END SHADOW INFORMATION*/






.glamor_variable
{	
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	text-align: center;
	padding:5px;
	font-size: 28px;
	font-weight: bold;
 	background-color: gold;
	color: darkblue;
} 


.glamor_data
{	
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	text-align: left;
	font-size: 30px;
	text-indent: 7px;
	font-weight: bold;
	color: white;


/* SHADOW TEXT: default setup that everything sees */

  /* needed for Internet explorer */

  height: 0em;
  filter: Shadow(Color=#000000, 
                 Direction=135, 
                 Strength=2);

  /* Needed for Gecko */
  line-height: 1em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #000000; 
}

#shadow_1:before { 
  content: 'In shadow'; 
}
#second_2:before { 
  content: 'Happy Shadowing!'; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #000000 5px 5px 5px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}
/*END SHADOW INFORMATION*/
 

.glamor_detail
{	
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	text-align: left;
	font-size: 18px;
	text-indent: 15px;
	font-weight: normal;
	color: yellow;
} 
td#glamor_timestamp
{	
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	font-style: italic;
	font-weight: bold;
	font-size: 15px;
	text-indent: 10px;
	color: ivory;
} 

td#stale_timestamp
{	
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: center;
	font-style: italic;
	font-weight: bold;
	font-size: 15px;
	text-indent: 10px;
	color: #ff5555;
} 

td#glamor_title
{	
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	font-style: italic;
	font-weight: bold;
	font-size: 22px;
	text-indent: 18px;
	color: gold;
} 

td#station_nameORIG
/*ORIGINAL STATION NAME TEXT*/
{
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: bottom;
	font-weight: bold;
	font-size: 30px;
	text-transform: capitalize;
	color: white;
	padding-left: 15px;
} 


td#station_name
/* SHADOW TEXT: default setup that everything sees */
{
  /* needed for Internet explorer */
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: bottom;
	font-weight: bold;
	font-size: 26px;
	text-transform: capitalize;
	color: white;
	padding-left: 15px;

  height: 1em;
  filter: Shadow(Color=#000000, 
                 Direction=135, 
                 Strength=4);

  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #000000; 
}

#shadow_1:before { 
  content: 'In shadow'; 
}
#second_2:before { 
  content: 'Happy Shadowing!'; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #000000 4px 4px 4px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}
/*END SHADOW INFORMATION*/


td#summary_station_name
{	
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	text-transform: capitalize;
	color: #000000;
} 

td#summary_timestamp
{	
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	font-size: 13px;
	color: #666666;
} 

/* ---------- BODY ---------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;

}
.body_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.body_smalr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.body_large {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
}
.body_larger {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;

}

/* ---------- SIDE NAVIGATION ---------- */
#side_nav a {
	color: #333399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration:none;
	font-weight: bold;
	}
#side_nav a:hover {
	color: #333399;
	text-decoration: underline;
	font-weight: bold;
	}
.side_nav {
	background-color:#F1F5FA;
	color: #333399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration:none;
	font-weight: bold;
	}

/* ---------- FOOTER ---------- */
#Footer_Links a {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	}
#Footer_Links a:hover {
	color: #000000;
	text-decoration: underline;
	}
.Footer_Text {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	line-height: 30px;
	}
.Footer_Text2 {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	}

/* ---------- HEADINGS ---------- */
.Header1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #333399;
}
.Header2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #333399;
}
.Header3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333399;
}
.Header4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333399;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: #333399;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333399;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333399;
}