/* Just resetting a few elements */

h1, ul, li {
	margin: 0; padding: 0; list-style: none;
	clear: right;
}

p {
	margin: 0; padding: .5em 0;
}

/* Main content styling */

#wrap {
	width: 100%;
	margin: auto;
}

#header {
	background: #ccc;
}

#header_logo {
	float: left;
    background: url('../assets/teacuplogo_home.gif') no-repeat scroll left 0;
	width:380px;
	height: 100px;
	padding: 5px 0px 0px 0px; 
    font: 16px/18px "Lucida Grande", Arial; /* Appropriate font size / line height */
}

fieldset { -moz-border-radius: 7px; border: 1px #dddddd solid; padding: 5px;  }

fieldset legend { border: 1px #1a6f93 solid; color: black; font: 13px Verdana; padding: 2px 5px 2px 5px; -moz-border-radius: 3px; }

#header_conditions {
	float: left;
	height: 100px;
	min-width:300px;
}

#wtable {
	float: right;
	width: 70px;
}

td.weather {
	padding: 3px 0px;
}
tr.weather {
	padding: 3px 0px;
}


/* http://themorgue.org/blog/category/computers/programming/ */ 
#dialog a, #dialog a span {
    background: transparent url('../assets/button.png') no-repeat scroll left 0;
    margin: 0 15px 0 0;       /* 15px == amount of background image to the right */
    padding: 0 0 0 15px;      /* 15px == amount of background image to the left */
    display: -moz-inline-box; /* Firefox 2 support for inline-block */
    display: inline-block;    /* Must be used so that height can be set */
    height: 22px;             /* Same as height of background image */
    font: 16px/22px "Lucida Grande", Arial; /* Appropriate font size / line height */
    color: black;
    text-decoration: none;
}
#dialog a {
    background-position: right 0;
    margin: 0;
    padding: 0;
}
	

/* http://articles.techrepublic.com.com/5100-10878_11-5153115.html#comments */
div#nav_bar {
	float: left;
	height: 30px;
	width: 100%;
	border-top: solid #000 1px;
	border-bottom: solid #000 1px;
	background-color: #336699;
}

div#nav_bar ul {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFF;
	line-height: 30px;
	white-space: nowrap;
}
div#nav_bar li {
	list-style-type: none;
	display: inline;
}
div#nav_bar li a {
	text-decoration: none;
	padding: 7px 10px;
	color: #FFF;
	border-right: 10px solid #508fc4;
}
#nav_bar li a:hover {
	border-right: 10px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
	}
	
div#nav_bar li a:link {
	color: #FFF;
}
	
div#nav_bar li a:visited {
	color: #CCC;
}
div#nav_bar li a:hover {
	font-weight: bold;
	color: #FFF;
	background-color: #3366FF;
}

#main {
	background: #ccc;
	float: left;
	width: 100%;
	margin-top: 0px;
	padding: 0px 5px 0px 5px;
}

#member_entry {
	padding: .5cm .25cm;
}

#smsregform, #isform  {
	float: left;
	width: 10em;
	border: 1px solid #000;
	padding: 1em 1em 1em 1em;
	margin-top: 20px;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	background-color: #90bade;
	color: #333;
}

div.log {
	width: 90px; 
	height: 35px; 
	border: 1px solid #000; 
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #CC0;
	padding: 4px 4px 4px 4px;
	font: 16px/22px "Lucida Grande", Arial; 
}

#sms_zeep_form {
	float: left;
	margin-top: 20px;
	width: 200px; 
	height: 400px; 
	font: 16px/22px "Lucida Grande", Arial; 
}

 .toggler  { cursor:pointer; font-weight:bold; color:#000; margin: 0; padding:5px; font-size:16px; font-family:Arial, sans-serif; }  
 .toggler:hover   { background:#eee; }  
 .element     {
 	padding: 50px 10px; 
 }  
 
.ajax-loading   {
 	padding: 20px 20px;
	background: url('../assets/spinner.gif') no-repeat left;
 }

.vHrs, .vMiles {text-align:right}