.search input {
   width: 100%;
}


#primary table {
    width: 100%;
}
     

body {
	font-size: 12px;
}

a {
	color: #1C6654
}


.img {
   max-width: 400px !important;
}

.subscriber > div {

	
	margin: 0 auto;
	text-align: center;
}

body {
	-webkit-text-size-adjust: none;
	margin: 0 auto;
	background-color: #D7D6C1;
	font-family: "Arial", "Lucida Grande", sans-serif;
}

#header {
	background-color: #1C6654;
	
}
.grey a {
  display: inline-table;
  position: relative;
  vertical-align: sub;
}

.deal {
   float: left;
   width: 100%;
   margin-bottom: 15px;
}


#header-image {
	float: left;
}

.nav-item {
	float: left;
	padding-left: 2.7%;
}

#ticker-form {
	float: left;
    max-width: 125px;
	width: 15%;
}

#main-nav {
	width: 100%;
	float: left;
	background-color: #474747;
	padding-top: 5px;
	padding-bottom: 5px;
}

#sidebar {
	float: left;
	background-color: #D7D6C1;
}

.nav-item {
   padding-left: 5%;
}

.nav-item a {
	color: #C7C6A8;
	text-decoration: none;
	font-family: "Arial";
    font-size: 13px;
	
	
}

.nav-item a:hover {
	color: white;
}

#nav-list {
	width: 100%
	position: relative;
	margin: 0 auto;

}

#main-content {
   float: right;
   width: 90%; 
	padding: 5%;
   background-color: white;
	
}

#main-content a {
	color: #1C6654;

}

#main-content .font_red {
	color: red;
}

.print-friendly {
	margin-top: 20px;
}

#primary {
	background-color: white;
	width: 85%;
	float: left;
}

.title-div {
	padding-left: 10px;
	background-color: #C7C6A8;
	font-weight: bold;
}

.title-div a {
	
}

.title-div i {
	margin-left: 50px;
	margin-right: 50px;
}

.sort {
	width: 100%;
	float: left;
	
	margin-bottom: 20px;
	font-weight: bold;
	
}

.left {
	
	float: left;
	width: 20%;
	min-height: 42px;
	text-align: center;
	
}

.middle {
	
	float: left;
	width: 59.5%;
	min-height: 42px;
	margin-left: 0.5%;
	text-align: center;
}
.right {

	float: left;
	width: 19.5%;	
	min-height: 42px;
	margin-left: 0.5%;
	text-align: center;
}

.grey {
	background-color: #C7C6A8;
}

#footer {
	float: left;
	color: white;
	text-align: center;
	background-color: #1C6654;
	width: 100%;
}



#header-div {
  background-color: #1C6654;
}




#logon {
	margin: 10% calc();
	width: 80%;
	max-width: 130px;
	
}



.field-label, .field {
   width: 100%;

}

.form-title {
  width: 80%;
  margin: 0 auto;
}


form {
  margin: 0 auto;
  width: 85%;
}


.field-label {

	text-align: center;
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 10px;
}

.subscriber {
	font-weight: bold;
	font-size: 14px;
	margin: 0 auto;
	width: 100%;
	color: #777777;
}

.password.field-label {

	width: 100%;

}



.button {

    display: block;
	margin: 0 auto;
    text-align: center;
}

.formfield input {
     display: block;
     margin: 0 auto;
}


.field-label {
	color: #777777;
	
}

.button input {
	margin-left: auto;
}


@media screen and (max-width: 500px) {
    
    #main-content  ul {
      padding-left: 15px;
      }
      
      #main-content-public ul {
         padding-left: 15px;
      }
    
    
    .nav-item a {
       line-height: 30px;
       margin-top: 4px;
       font-size: 20px;
       font-weight: bold;
       display: block;
       margin-left: auto;
    }
    
    .formfield input {
       margin-bottom: 15px;
    }
	.todays-edition {
		display: none;
	}
	.right.grey {
		display: none;
	}
	.middle.grey {
		width: 100%;
		margin-left: 0px;
	}
	.left.grey {
        margin-top: 5px;
		width: 100%;
	}

   
  
      
   .nav-item {
        padding-left: 0px;
        display: block;
        text-align: center;
    }


	#header-image {
         display: none;
	}
	.nav-item {
		width: 100%;
	}
	.sort .middle {
		display: none;
	}
	.sort .right {
		float: right;
	}
	
	.title-div i {
		margin: 0px;

	}
	.title-div {
		text-align: center;
	}

}




.checkbox {
	width: 10%;
	margin: 0 auto;
}


#public-nav-list {
	width: 80%;
	margin: 0 auto;
}

#logon {
	margin-top: 10%;
}

#logon-sidebar {

    clear: both;
    float: left;
    width: 15%;
    
}


@media screen and (min-width: 1100px) {

	body {
		
	   
	}
}


.formlabel {
  float: left;
  width: 100%;
  text-align: center;
}

.formfield {
  float: left;
  margin-top: 20px;
  width: 100%;
}

#search-ticker-image > img {
  float: left;
  width: 100%;
}



@media screen and (max-width: 650px) and (min-width: 500px) {
    .left.grey > a {
       font-size: 77%;
    }

}


@media screen and (min-width: 700px) {
     .middle.grey b a, .right.grey > a {
         top: 5px;
     }
}


@media screen and (max-width: 500px) {
     .left.grey > a {
          font-size: 100%;
     
     }
     #primary {
         width: 100%;
     }
     #ticker-form {
         float: none;
         width: 35%;
         margin: 0 auto;
     }
     
     
     .middle.grey {
        min-height: 28px;
     }
     #nav-item a {
        font-size: 14px;
        font-weight: bold;
     }
     
     #ticker {
         float: left;
         width: 100%;
         
     }

}

.formfield input {
   padding: 0px;
}

#primary img {
   width: 100%;
   max-width: 600px;
}

.ie #primary {
   width: 975px;
}

.ie body {
    width: 1100px;
    float: left;
    margin: 0 0;
}

.ie #ticker-form {
    width: 125px;
}




.ie .left.grey A {
   display: block;
}

.deal .grey {
   min-height: 36px;
}

.left a {
   display: block;
   top: 2px;
}

.star, .deal img {
  
   width: 18px !important;
   left: 10px;
   position: absolute;
   top: 8px;
}
.deal {
position: relative;
}
