/*****************************************
   Author: Carlos Trevino
 *****************************************/
 
div#section-header {
	margin: 10px 0 25px 0;
	border-bottom: 1px dotted #3e3e3e;
	padding-bottom: 5px;
}

/* MAIN DATA */

div.main-display-container {
	border-bottom: 1px dotted #3e3e3e;
	margin: 5px 0;
	padding: 5px 0; 
}

div.main-display-container img.left {
	float: left;
	margin: 0 10px 10px 0;
}

/* articles */
div.article-display{
	float:left;
	width: 360px;
	margin-bottom: 15px;
	line-height: 1.5em;
}

div.article-display a {
	color: #09A3D6;
	border-bottom: 1px dotted #09A3D6;
}

div.article-right-display{
	float:right;
	width: 160px;
	margin-bottom: 15px;
}

div.article-right-display a.imgLink {
	margin-bottom: 15px;
	display: block;
}

.providor-link {
	display: block; 
	margin-bottom: 4px;
	text-transform: capitalize;
}


/* article ad */
div.article-ad{
	width: 160px;
	margin: 0 35px 30px 0;
	float: left;
}

div.article-ad-right{
	width: 160px;
	margin: 0 0 30px 0;
	float: left;
}

div.article-ad-menu{
	width: 160px;
	margin: 20px 0 10px 30px;
	float: left;
}

span.aad-module {
	font-weight: bold;
	display: block;
	color: #888888;
}

h3.aad-title {
	font-weight: bold;
}

a.alist {
	display:block;
	width: 75%;
}

div.alist-extra {
	float:right; 
	padding-top:5px;
	text-align:right;
}

span.aad-date {
	font-size: 9px;
	display: block;
	line-height: 90%;
	color: #AAAAAA; 
}

span.aad-more {
	font-size: 11px;
	display: block;
	font-weight: bold;
	color: #09A3D6; 
	margin-top: 20px;
}

span.aad-text {
	line-height: 105%; 
	display: block;
	margin-top: 8px;
}

/* picture gallery */

img.pic-nav {
	padding: 1px 3px;
	cursor: pointer;
}

/* headers */
h1, h2, h3 {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	font-weight: Bold; 		
}
h1 {
	font-size: 190%;	
	font-weight: normal;
	color: #555;
}
h2 {
	padding: 5px 5px; 
	font: 18px 'Trebuchet MS', Tahoma, Sans-serif;
	color: #09a3d6;
}
h3 {
	font-size: 130%;
	padding: 5px 5px; 
	font: 1.2em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #09a3d6; 		
}
h4 {
	font-size: 110%;
	font: 1.2em 'Trebuchet MS', Tahoma, Sans-serif;
}
h3.navigation {
	font-weight: bold;
	font-size: 16px;
}

h1, h2, h3, p {
	padding: 0;	
	margin: 0;
}


/* FORM Style */

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0;
  padding: 0;
  width: 100%; 
}

form fieldset {
  clear: both;
  border: 1px dashed #CCCCCC;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 5px 0 0 0;
}

form fieldset legend {
	font-size:1.3em; /* bump up legend font size, not too large or it'll overwrite border on left */
	color:#999999;
	background-color:#FFFFFF;
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

.formComment {
	color: #999999;
	padding-left: 5px;
}

form label.leftLabel { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 165px; 
	padding: 0; 
	margin: 5px 0 0;
	text-align: right; 
	color: #999999;
	font-size:11px;
	
}

form label.block { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px; 
	padding: 0; 
	margin: 5px 0 0;
	text-align: left; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	color: #999999;
}

.valueLabel {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	padding: 0; 
	margin: 5px 0 0 10px;
	text-align: left; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	color: #000000;
}

.dateField {
	width:80px;
}

form label.rightLabel { 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	color: #000000;
}

.shortLabel {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 130px; /* 110px previous value */ 
	padding: 2px 0 0 0;
	margin: 2px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	color: #000000;
}

.longLabel {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px; 
	padding: 0; 
	margin: 2px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	color: #000000;
}

label.inputDisplay {
	display: block;
	margin: 5px 0 0 10px;
	float: left;
}

.shortInput {
	width:auto;  
	margin:2px 0 0 10px;
	FONT-SIZE: 10px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.numericInput {
	width:100px;
}

.formSubTitle {
	font: bold 11px/1.75em Verdana, Tahoma, arial, sans-serif;
	color:#666666;	
}

form input, form select, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form select {
	width:200px;
}

input[type="text"] {
	width: 200px;
}

input, select, textarea {
	border: 1px solid #a9a9f3;
	FONT-SIZE: 10px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

input[type="checkbox"] {
	border: none;
}

input[type="button"], input[type="submit"] {
	height: auto;
}

input:focus, select:focus, textarea:focus {
      background: #FFFDEE;
      border: 1px solid #FFB444;
}