@import url(/css/paginator.css);
@import url(/css/datepicker.css);
@import url(/css/alphamenu.css);
@import url(/css/left_column.css);

body { background: white; font-family: Arial, Helvetica, sans-serif; font-size:12px; margin:0px 0px 0px 0px; color:#333; padding: 10px 0px; line-height: 17px; }

img { border: 0px; }

a { color: #3a6dc0; }

a:hover { text-decoration:underline; }
a.linkbold { color: #333; font-weight: bold; text-decoration: none; }

.header_container {	text-align:center; margin:auto; }

.header { width:974px; text-align:left; margin:auto; }

.logo {	margin:auto; text-align: center; margin-bottom: 2px; }

.maintitle { text-align: center; margin-bottom: 15px; font-family: "Times New Roman", Times, serif; font-style: normal; text-transform: uppercase; font-size: 14px; }
.maintitle a { text-decoration: none; font-weight: normal; }

.above_menubar { width:974px; height:18px; top:50px; position:absolute; }

.left_50_percent { width:414px; float:left; }
.right_50_percent { width:414px; float:right; }

.drna_title { color: #a9a9a9; text-align: center; }

.menubar { margin: 5px 0px 2px 0px; text-align: center; width: 100%; border-bottom: 1px solid #3a6dc0; font-family: Georgia, "Times New Roman", Times, serif; }
.menubar .menuitem { color: #3a6dc0; font-size:16px; font-weight: normal; text-align: center;  padding: 5px; width:20%; }

.menubar .over { color: white; background: #3a6dc0; }
.menubar .over a { color: white; }

.menubar a { text-decoration: none; }
.menubar a:hover { text-decoration: none; }

.top_menu_item:hover, .top_menu_item_on { cursor: pointer; text-decoration: underline; }

.banner_container { width: 972px; height: 321px; background: transparent url(/images/global/home_main_image_bg.jpg) no-repeat top left; margin: auto; margin-top: 15px; margin-bottom: 15px; }
.banner_left_content { background: transparent url(/images/main_images/mainimage01.jpg) no-repeat top left; width: 646px; }
.banner_left_text { text-align:left; color:#FFFFFF; margin-left: 7px; padding: 12px 0px; font-weight: bold; font-size: 11px; line-height: normal; }
.banner_right_content { text-align: left; }

#credentials-topbar { width: 972px; text-align: right; margin: auto; }

.main_content { width:970px; text-align:center; margin:auto; margin-top: 0px; }

.print_container { padding: 3px; color: black; font-size: 11px;}

.center_column { width:550px; float:left; text-align:left; margin-left:20px; margin-right:20px; }
.right_column { width:200px; float:right; margin-top:35px; text-align:left;background-color: #faeddd; border: 1px solid #cacaca; }

.content_column { width:770px; float:left; text-align:left; margin-left:0px; padding-left: 20px; }

.title_1 { padding: 5px 0px 15px 0px; color:#bb915f; font-size:22px; font-family: Georgia, "Times New Roman", Times, serif; }
.title_2 { padding: 5px 0px; color:#bb915f; font-size:17px; text-transform: capitalize; font-family: Georgia, "Times New Roman", Times, serif; }
.title_3 { padding: 5px 0px; color:#3a6dc0; font-size:19px; font-weight: bold; text-transform: capitalize; }

.left_menu_item { color: #3a6dc0; }
.left_menu_item:hover { cursor:pointer; color: #6d72b9; text-decoration: underline; }	

.viewall-refresh { width: 562px; margin-bottom: 5px; }
.viewall-refresh .title_1 { width: 400px; float: left; }
.viewall-refresh .viewall { float: right; width: 16px; text-align: right; margin: 5px 0px 0px 5px; }
.viewall-refresh .refresh { float: right; width: 16px; margin: 5px 0px 0px 5px; }

.featured_container { width: 575px;  }
.featured_item { width:150px; height:230px; border: 1px solid #ccc; float:left; margin-left:0px; margin-right:14px; margin-bottom:14px; padding:10px 12px; }
.featured_item_image_container { position:relative; text-align:center;	 width:150px; min-height:150px; height:150px; vertical-align:middle; }
.featured_image { position:relative; top:50%; }
.featured_dog_name { padding-top:5px; margin-top: 5px; }

.footer { background:url(/images/global/bg_footer_stamp.jpg) no-repeat top center;text-align:center; font-size: 10px;  padding-top: 40px;	margin-top:30px; }


.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

hr { border:none;	border-bottom:1px solid #999999; height:0px; }

.userform { 	background-color:transparent;	border: 1px solid #efefef; }

th { background-color: #ccc; padding-left:2px; padding-right:2px; }
td { padding-left:2px; padding-right:2px; }

.row { background-color:#FFFFFF; }
.alt_row { background-color:#f8f8f8; }

input, select, option { color:#000; padding-left:2px; }

.full-length { width: 100%; } 

.datafilter { background: #c6e6cf; color: #333; }
.datafilter * { font-size: 11px; font-family: arial; }

#whatsnew { width: 160px; float: right; padding: 10px; background: #f8f8f8; border: 1px solid #ccc; margin-top: 5px; }
#whatsnew .title_1 { padding-top: 0px; margin-top: 0px; }
#whatsnew .title { color: #41458c; text-align: left; font-size: 15px; text-transform: capitalize;  }
#whatsnew .item { padding: 10px 0px 20px 0px; }
#whatsnew .more { text-align: right; padding-top: 5px; }
#whatsnew img { border: 0px; }

acronym { cursor: help; }

li { margin-bottom: 4px; }

fieldset { padding-top: 0px; }

/* MISC STUFF */
.green { color: #009900; }
.red { color: #ef2614; }
.blue { color: #3a6dc0; }
.black { color: #333; }
.link { cursor: pointer; }
.small, .tiny { font-size: 11px; line-height: normal; }
.whitebg { background: #fff; }
.right { text-align: right; }
.center { text-align: center; }
b, .b, .bold { font-weight: bold; }
.border-bottom { border-bottom: 1px solid #ccc; }
.propercase { text-transform: capitalize; }
.disabled,.light { color: #aaa; }
.clear { clear: both; }
.style1 { font-size: 14px; font-weight: bold; }

.ie6message { border: 3px solid #ef2614; padding: 10px; margin: 25px; }

/* FORM VALIDATION */
label.error { margin-left: 10px; width: auto; display: inline; color: #ef2614; }
.errorbox { margin: 10px 0px; padding: 10px; border: 1px solid #ef2614; color: #ef2614; }

/* APPLICATION DETAILS ON SMH */
#appdetails { margin: 5px 0px 0px 0px; padding: 5px; border-left: 1px solid #ccc; background: #f5f5f5; }

/* XML BUTTON - Google style */
.xml { text-decoration: none; }
.xml-button { border:1px solid;border-color:#FC9 #630 #330 #F96;padding:0 3px;font:bold 10px verdana,sans-serif;color:#FFF;background:#F60; }

/* PRETTY BUTTON - mb 090612 */
input { background; white; font-family: Arial, Helvetica, sans-serif; }
/* .prettyButton { background: #3a6dc0; color: white; font-weight: normal; padding: 1px 10px; } */

.prettyButton{ background:transparent url(/images/button_blue.gif) top left no-repeat;border:0px;height:22px;color:white;font-size:11px;font-weight:bold;cursor:pointer; margin: 0px; padding: 0px 5px; }
.prettyButtonR { background: transparent url(/images/button_blue_r.gif) no-repeat bottom right; padding-right: 1px;  min-height: 22px; display: inline-block; }

/* PREVIEW STORY - mb 100216 */
.preview_story { padding: 15px; }

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* jquery.cycle style */
.pics { padding:0; margin:0; overflow: hidden; }
.pics img { padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }
.pics img {	-moz-border-radius: 10px; -webkit-border-radius: 10px; }
ul.pics { display: block; list-style-type: none; }