.web_dialog_overlay
{
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
   background: #000000;
   opacity: .15;
   filter: alpha(opacity=15);
   -moz-opacity: .15;
   z-index: 101;
   display: none;
}
.web_dialog
{
   display: none;
   position: absolute;
   width: 300px;
   height: 280px;
   top: 50%;
   left: 50%;
   margin-left: -190px;
   margin-top: -100px;
   background-color: #ffffff;
   
   padding: 0px;
   z-index: 102;
 }
.web_dialog_title
{
   border-bottom: solid 2px  #ffffff;
   background-color: #ffffff;
   padding: 4px;
   color: Black;
   font-weight:bold;
}
.web_dialog_title a
{
   color: Black;
   text-decoration: none;
}
.align_right
{
   text-align: right;
}

/* CSS Document */

.issue_dialog
{
   display: none;
   position: absolute;
   width: 200px;
   height: 200px;
   top: 50%;
   left: 50%;
   margin-left: -190px;
   margin-top: -100px;
   background-color: #ffffff;
   
   padding: 0px;
   z-index: 102;
 }


.center {width:20px; margin-left:105px;}


.color_button  {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:130px; height:28px; background-color: #4B98C8;  border:none;  color:#fff; margin-top:10px; font-size:12px;padding: 0 15px;font-weight: bold;}

.color_button_small  {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:70px; height:28px; background-color: #4B98C8;  border:none;  color:#fff; margin-top:10px; font-size:12px;}

.color_button_large, .color_button_large:visited, .color_button_large:active{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:200px; height:28px; background-color: #4B98C8;  border:none;  color:#fff; margin:10px 0px 0px 10px;padding: 0 10px; font-size:12px;cursor: pointer}

a.color_button_large, a.color_button_large:visited, a.color_button_large:active {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;width: 200px;height: 28px;background-color: #4B98C8;border: none;color: #fff;margin: 10px 0px 0px 10px;padding: 0 10px;font-size: 12px;cursor: pointer;display: inline-block;width: initial;line-height: 28px;}
a.color_button_large:hover { text-decoration:none; }
a.color_button_large.cta-button { margin: 0; }
.color_button_center  {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:131px; height:28px; background-color: #4B98C8;  border:none;  color:#fff; margin-top:10px; margin-left: 50px;font-size:12px;}

.grey_button  {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:150px; height:28px; background-color: #ccc;  border:none;  color:#fff; margin-top:10px; font-size:12px; padding:0px 10px}

.grey_button:hover  {background-color: #666;  color:#fff; }

.color_button_uppercase, .color_button_uppercase:visited, .color_button_uppercase:active{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background-color: #4B98C8; border:none;  color:#ffffff;  font-size:12px;border:none; cursor:pointer; text-transform:uppercase; padding:5px 10px;}
a.color_button_uppercase, a.color_button_uppercase:visited, a.color_button_uppercase:active{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background-color: #4B98C8; border:none;  color:#ffffff;  font-size:12px;border:none; cursor:pointer; text-transform:uppercase; padding:5px 10px;}

.color_button:hover {  background-color:#FFC100;    color:#ffffff;   }
.color_button_center:hover {  background-color:#FFC100;    color:#ffffff;   }
.color_button_small:hover {  background-color:#FFC100;    color:#ffffff;   }
.color_button_uppercase:hover{ background-color:#FFC100;   color:#ffffff;    }

@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) /* iPads in portrait and landscape*/{
    .color_button, .color_button:visited , .color_button:active , .color_button:hover   {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:130px; height:28px; background-color: #4B98C8;  border:none;  color:#fff; margin-top:10px; font-size:12px;padding: 0 15px;font-weight: bold;}
    .color_button_large, .color_button_large:visited, .color_button_large:active, .color_button_large:hover {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:200px; height:28px; background-color: #4B98C8;  border:none;  color:#fff; margin:10px 0px 0px 10px;padding: 0 10px; font-size:12px;cursor: pointer}
    a.color_button_large, a.color_button_large:visited, a.color_button_large:active, a.color_button_large:hover {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;width: 200px;height: 28px;background-color: #4B98C8;border: none;color: #fff;margin: 10px 0px 0px 10px;padding: 0 10px;font-size: 12px;cursor: pointer;display: inline-block;width: initial;line-height: 28px;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) /*Retina IPAD 3 & 4*/ {
    .color_button, .color_button:visited , .color_button:active , .color_button:hover   {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:130px; height:28px; background-color: #4B98C8;  border:none;  color:#fff; margin-top:10px; font-size:12px;padding: 0 15px;font-weight: bold;}
    .color_button_large, .color_button_large:visited, .color_button_large:active, .color_button_large:hover {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:200px; height:28px; background-color: #4B98C8;  border:none;  color:#fff; margin:10px 0px 0px 10px;padding: 0 10px; font-size:12px;cursor: pointer}
    a.color_button_large, a.color_button_large:visited, a.color_button_large:active, a.color_button_large:hover {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;width: 200px;height: 28px;background-color: #4B98C8;border: none;color: #fff;margin: 10px 0px 0px 10px;padding: 0 10px;font-size: 12px;cursor: pointer;display: inline-block;width: initial;line-height: 28px;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) /* iPad 1 & 2 in portrait and landscape  */{
  .color_button, .color_button:visited , .color_button:active , .color_button:hover   {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:130px; height:28px; background-color: #4B98C8;  border:none;  color:#fff; margin-top:10px; font-size:12px;padding: 0 15px;font-weight: bold;}
    .color_button_large, .color_button_large:visited, .color_button_large:active, .color_button_large:hover {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:200px; height:28px; background-color: #4B98C8;  border:none;  color:#fff; margin:10px 0px 0px 10px;padding: 0 10px; font-size:12px;cursor: pointer}
    a.color_button_large, a.color_button_large:visited, a.color_button_large:active, a.color_button_large:hover {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;width: 200px;height: 28px;background-color: #4B98C8;border: none;color: #fff;margin: 10px 0px 0px 10px;padding: 0 10px;font-size: 12px;cursor: pointer;display: inline-block;width: initial;line-height: 28px;}
}

.collect_login {   
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#84817c; 
	height:200px; width:410px;
	background-color: #fff;
	border-radius: 10px;
	padding:20px;
	font-size:13px;
	padding:20px 20px 10px 20px;

}

.create_collection .close_x {
	left: 235px;
	top: 8px;
}
.existing_collection .close_x {
	left: 235px;
	top: 8px;
}

.create_collection {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#84817c;
	width:288px; height:200px;
	background-color: #fff;
	border-radius: 10px;
	padding:20px;
	font-size:13px;
	padding:30px 10px 10px 2px;
}

.existing_collection {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#84817c;
	width:288px; 
	height:222px;
	background-color: #fff;
	border-radius: 10px;
	padding:30px 10px 10px 2px;
	font-size:13px;
	
}

.heart_plus {
	width:30px;
	height:25px;
	background: url(../images/collect/heart.png) no-repeat;
	float:left;
}

.collect_message {
	font-size:17px;
	font-family: 'Oswald', sans-serif;
	margin-left:20px;
}

.collect_log {float:left; width:200px; text-align:left; border-right:thin solid #ccc;}

.oswald_head {
	font-size:17px;
	font-family: 'Oswald', sans-serif;
}

.form_area {
	width:240px; margin-left:30px;
	margin-top:10px;
}

.close_x {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	width:64px;
	height:25px;
	background: url(../images/collect/close_x.png) no-repeat right top;
	left: 417px;
	top: 38px;
}

.collect_login_area { height:auto; width: 400; margin:0 auto;    }

.collect_signup {float:right; text-align:left; margin-left: 10px; width: 185px;}

.form_area input[type=text] { height:20px; width:230px; border:thin solid #ccc;  margin-top:10px;  }

.form_area select { height:24px; width:230px; border:thin solid #ccc;  margin-top:10px;  color:#84817c ; margin-bottom:10px;  padding: 2px;  }

#collectdialog .form_area select { margin-top: 0px }

.collect_log input[type=text] { height:20px; width:160px; border:thin solid #ccc;  margin-top:10px;  padding: 2px; }

.agent_banner_button {
    width: 90px !important;
    margin-top: 10px !important;
    padding: 0 !important;
    font-family: Oswald,sans-serif !important;
    font-weight: 400 !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

a.p3redlink, a.p3redlink:hover, a.p3redlink:visited, a.p3redlink:active {color:#FF0000;text-decoration:underline;}
a.p3AddressLink {font-size: 14px;padding-left: 10px;text-transform: none;font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;float: left;padding-top: 7px;}