

/* Content */
#content{ margin-top: 15px; padding-bottom: 30px;}

#leftcol {width: 240px; float:left; display: inline;  }

/*leftcol boxes*/
#leftcol-share-box { width: 202px; background: #04559A url(/images/foundpets/snoopy_gradient.gif) no-repeat; padding: 202px 18px 158px 20px; position: relative; }
#leftcol-share-box h2 {color:#fff; font-size:23px; font-weight:bold; line-height: 24px; margin:0 0 10px;padding:0; }
#leftcol-share-box h3 {color:#fff; font-size:18px; font-weight:bold; line-height: 18px; margin:0 0 16px;padding:0; }
#leftcol-share-box p {color:#fff; font-size:13px; font-weight:normal; line-height: 16px; margin:0 0 10px;padding:0;   }
#leftcol-share-box a {color:#fed851;  }
#leftcol-share-box a#btn_syo { background: url(/images/buttons/btn_sharestory_leftcol.gif) no-repeat; height: 38px; width: 202px; display: block; margin-top: 17px; }
#leftcol-share-box #cartoon_bottom { background: url(/images/stories/snoopy_leftcol_bottom.png) no-repeat; position: absolute; bottom: -26px; left: -17px; width: 274px; height: 151px; }


#leftcol-boxgrey { padding-top: 45px }
#leftcol-boxgrey #grey_top { background: url(/images/subpages/graybox_top.gif) no-repeat; width: 240px; height: 5px; }
#leftcol-boxgrey #grey_mid { background: url(/images/subpages/graybox_mid.gif) repeat-y; width: 202px; padding: 12px 20px 12px 18px;   }
#leftcol-boxgrey #grey_bottom { background: url(/images/subpages/graybox_bottom.gif) no-repeat; width: 240px; height: 5px; }

#mast_searchstoriesby {background-image:url(/images/mast/mast_storysearch.gif);width:136px;height:17px;margin-bottom:8px;}


#leftcol-boxgrey fieldset { border: 0; padding: 12px 0 0 0;}
#leftcol-boxgrey label { float: left; display: inline; width: 60px;  font-size: 11px; font-weight: normal;  color: #000; margin-bottom: 12px;}
#leftcol-boxgrey br { clear: left; }
#leftcol-boxgrey input { float: left; display: inline; width: 135px;  font-size: 11px; font-weight: normal;  color: #000; padding: 1px 0;  margin-bottom: 12px;}
#leftcol-boxgrey select { float: left; display: inline; width: 139px;  font-size: 11px; font-weight: normal;  color: #000;   margin-bottom: 12px;}
#leftcol-boxgrey input#Search { float: right; width: auto; height: auto; margin-right: 2px;}
/* end leftcol boxes */

#rightcol  { width:570px; float:right; display: inline; position: relative; }
#rightcol h1 { margin: 29px 0 0 2px; display: block;  }
#rightcol .story-article h1 { margin-top: 0px!important; }

#rightcol h2 { font-size: 14px; font-weight: bold;  text-transform: uppercase; margin: 7px 0 0 2px; padding-bottom: 1px; display: block; color: #000;}
#rightcol p { font-size: 12px; line-height: 16px; margin: 0 0 20px 0;  }
#rightcol ol { font-size: 12px; line-height: 16px; margin: 5px 0 20px 0; padding:0 0 0 20px; }
#rightcol ul { font-size: 12px; line-height: 16px; margin: 5px 0 20px 0; padding:0 0 0 20px; }
#rightcol ul li, #rightcol ol li {margin:0 0 10px 0;}

/*fps landing page */
#float-header { float: left; }
#rightcol h1#h1_fps { background: url(/images/stories/headline_foundpet.gif) no-repeat; width: 283px; height: 30px; }
#sys_box { margin-top: 7px; margin-right: 15px; width: 134px; float: right; display: inline; }
#sys_woodstock { background: url(/images/stories/woodstock.gif) no-repeat; width: 39px; height: 50px; margin: 0 auto;}
a#btn-sys { background: url(/images/buttons/btn_sharestory_small.gif) no-repeat; width: 134px; height: 22px; display: block; margin-top: 7px;}

.short-gray-box { background: url(/images/stories/table_gray.gif) no-repeat;  width: 570px; height: 45px; clear: both; }
.tall-gray-box { background: url(/images/stories/table_gray_lg.gif) no-repeat;  width: 570px; height: 105px; clear: both; padding-top: 10px;}

#show-box { margin: 22px 0 0px 0;   }
#show-box label { float: left; display: inline; width: 60px;  font-size: 13px; font-weight: bold;  color: #000; margin-left: 16px; margin-top: 15px;}
#show-box select { float: left; display: inline; width: 139px;  font-size: 13px; font-weight: normal; color: #000;   margin-top: 12px;}
#show-box br { clear: both; }
#show-box label#SearchTextLab { width:  66px; line-height: 30px;}
#show-box input#SearchText { float: left; display: inline; width: 322px;  font-size: 16px; font-weight: normal; color: #000;   margin-top: 12px; padding: 5px 0;}
#show-box input#Search { float: left; display: inline; width: 134px; height: 39px;  background: url(/images/buttons/btn_searchlg.gif) no-repeat;   margin-top: 10px; margin-left: 5px; border: 0; cursor: pointer; }
#show-box select#FilterDropDownList { width: auto; }
*:first-child+html  #show-box label#FilterLabel { padding-top: 2px; }

a#stories-rss { float: right; background: url(/images/buttons/icon_rss.gif) no-repeat; width: 16px; height: 16px; display: block; margin-right: 18px; margin-top: 13px; display: inline; }
/*fps landing page */

/*fps landing page - story list section */
#stories-section { clear: both;  }
#rightcol .story-article { padding: 30px 0; border-bottom: 1px solid #e0e0e0; width: 570px; }
#rightcol #last-story-article { padding: 30px 0; border-bottom: none; }
#rightcol .story-article h3 { font-weight: bold; font-size: 26px; line-height: 24px; color: #000; margin-bottom: 5px;}
#rightcol .story-article h3 a { text-decoration: none; }
#rightcol .story-article h3 a:hover { text-decoration: underline; }
#rightcol .story-article h4 { font-weight: bold; font-size: 12px; line-height: auto; color: #010101; margin-bottom: 10px;}
#rightcol .story-article p { font-weight: normal; font-size: 13px; line-height: 18px !important; color: #333333; margin: 10px 0 0 0;}
#rightcol .story-article a { color: #00529c; font-weight: bold; }
#rightcol .story-article img { }

#hide-gray-box { margin: 15px 0; }
#rightcol a#more_posts  { display: block; width: 100%; height: 32px; text-align: center; line-height: 45px; /*padding-top: 13px;*/ font-weight: bold; font-size: 18px; cursor: pointer; text-decoration: none !important;}
#rightcol a#more_posts:hover { text-decoration: none !important; }
#rightcol a#more_posts span {  background: url(/images/stories/arrow_down.gif) no-repeat right 6px; padding-right: 15px;   cursor: pointer; }
/*fps landing page - story list section */


/*fps single story */


#float-header {  float: left;}
#float-header p { margin: 0; padding-top: 15px; padding-bottom: 13px; }
#float-header p a { background: url(/images/stories/arrow_left.gif) left 4px no-repeat; padding-left: 10px; font-weight: bold; font-size: 12px; text-transform: uppercase; text-decoration: none !important;}
#float-header p a:hover { text-decoration: underline !important; }
#fb-box { margin-top: 7px; margin-right: 15px; width: 134px; float: right; display: inline; }
#rightcol .story-article p.post-footer { font-weight: bold; line-height: 16px !important; }
.share-section { padding-top: 10px; font-size: 12px; }
#story-video { background: url(/images/stories/youtube_photo.jpg) no-repeat; width: 500px; height: 306px; margin: 0 auto 20px auto; }
/*fps single story */

/*syo form page*/
#rightcol h1#h1_syo { background: url(/images/stories/headline_shareyourstory.gif) no-repeat; width: 268px; height: 38px; }
#rightcol h1#h1_syv { background: url(/images/stories/headline_shareyourvideo.gif) no-repeat; width: 276px; height: 38px; }
#share-your-own #rightcol h3 { color: #fff; text-transform: uppercase; background: url(/images/masts/masts-blue.gif) no-repeat; width: 558px; height: 26px; font-size: 14px; font-weight: bold; line-height: 26px; padding-left: 12px; margin: 10px 0; }
#share-your-own #rightcol fieldset { border: 0; padding: 5px 0 0 0;}
#share-your-own #rightcol label { float: left; display: inline; width: 100px;  font-size: 11px; font-weight: normal;  color: #000; margin-bottom: 10px;}
* html #share-your-own #rightcol label { margin-top: 3px;}
*:first-child+html #share-your-own #rightcol label { margin-top: 3px; }

#story-video-tab { clear: both; padding: 0; background: url(/images/stories/table_gray.gif) no-repeat 0px 5px; width: 570px; height: 50px; margin: 15px 0;  }
#story-video-tab a { font-size: 16px; font-weight: bold; float: left; display: block;  width: 285px; height: 50px; text-align: center; line-height: 55px; text-decoration: none !important;}
#story-video-tab a#active{ background: url(/images/stories/tab_active.gif) no-repeat; }


/*forms*/
#homelogin {margin:8px 0px 0px 0px;padding:0px;}
#homelogin .row {margin-bottom:9px;height:20px;}
#homelogin .row input.userpass {width:143px;height:16px;float:right;margin:0px;padding:0px;font-family:,Arial,Sans-serif;font-size:11px;line-height:12px;}
#homelogin .row label.userpasslabel {width:57px;height:16px;float:left;font-family:,Arial,Sans-serif;font-size:11px;line-height:auto;margin:0px;padding:2px 0px 0px 0px;}
#homelogin #btn_home_login {margin-left:57px;}
#ct101 { font-size: 11px; }
#ct101 h3 { color: #fff; text-transform: uppercase; background: url(/images/mast/masts-blue.gif) no-repeat; width: 558px; height: 26px; font-size: 14px; font-weight: bold; line-height: 26px; padding-left: 12px; margin: 10px 0; }
.required {color: #ff0000;font-size:11px;}
input, select, option, textarea {font-family: Arial, Helvetica, sans-serif;font-size: 11px;}
.storySubmitInput {width: 250px;margin:0px;padding:0px;}
.storySubmitInputXL {width: 336px;margin:0px;padding:0px;}
.storySubmitTextAreaXL {width: 336px;height: 100px;margin:0px;padding:0px;}
.storySubmitInputXXL {width: 410px;margin:0px;padding:0px;}
.storySubmitTextAreaXXL {width: 410px;height: 100px;margin:0px;padding:0px;}
.storySubmitCharCount {width: 36px;margin:0px;padding:0px;}
.storySubmitSelect {width: 118px;margin:0px;padding:0px;}
.storySubmitInfoLabel {display:block;float:left;margin:0px;padding-top:2px;font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height:11px;color: #535353;}
.storySubmitInfoLabel.right {display:block;text-align:right;width:130px;}
#NoLastNameCheck {display:block;float:left;overflow:hidden;}
#AgreeLegal {display:block;float:left;overflow:hidden;}
#ContactMeCheck {display:block;float:left;overflow:hidden;}

.storyText {color:#2f2f2f;}
.storyText a {color:#2f2f2f; text-decoration: none !important; }
.storyText a:hover { text-decoration: underline !important; }
.headerLink {display:block;font-size:18px;line-height:20px;font-weight:normal;text-style:normal;color:#00529c;margin:0px 0px 4px 0px;padding:0px;}
.imageLink{}
.imageLink img {padding: 4px; border: 1px solid #e0e0e0; float: right; margin-left: 30px; margin-bottom: 15px;}
.mainStoryTitle {background-image:url('/images/bluebar.gif');background-repeat:no-repeat;overflow:hidden;width:570px;height:26px;margin:0px 0px 10px 0px;padding:8px 12px 0px 12px;font-size:12px;line-height:12px;color:#fff;text-transform:uppercase;font-weight:bold;}
.featureImageLink {width:188px;margin:0px 20px 0px 10px;float:left;}
.featureVideoLink {width:300px;margin:0px 20px 0px 10px;float:left;}
.videoTitleBox {margin:0px 0px 0px 10px;}
.mainStoryImage {float:right;}
.storyContainer {height:100%;}
#MorePostDiv { width: 570px; }
/*.storyContainerNoImage {width:550px;margin:0px 10px 0px 10px;float:left;}*/
.storyContainerNoImage img { display: none; padding: 4px; border: 0; float: right; margin-left: 50px; margin-bottom: 15px;}
.storyContainerImage img { display: block; padding: 4px; border: 0; float: right; margin-left: 50px; margin-bottom: 15px;}

.featureStoryContainer {width:342px;margin:0px 10px 0px 0px;float:left;}
.featureVideoContainer {width:230px;margin:0px 10px 0px 0px;float:left;}
div.filterBy {margin:30px 0px -10px 0px;}
.postFooter{font-family: Arial, Helvetica, sans-serif;color: #000;font-size: 11px !important;line-height: 12px !important;margin-top: 15px !important;margin-bottom: 0px;}
.submitstoryformnote_small {font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height:12px;/*width:250px;*/margin: 4px 0px 0px 0px;}
.submitstoryformnote_small a {font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height:12px;color: #0085c9;text-decoration: underline;}
input#CancelButton { background: url(/images/buttons/btn_cancel.gif) no-repeat; width: 115px; height: 38px; border: 0; margin-right: 7px; cursor: pointer;}
input#SubmitButton {  background: url(/images/buttons/btn_submitstory.gif) no-repeat; width: 228px; height: 38px; border: 0; cursor: pointer;}
input#VideoSubmitButton { background: url(/images/buttons/btn_submitvideo.gif) no-repeat; width: 228px; height: 38px; border: 0; cursor: pointer;}
/*end forms*/

.noCSS {display:none;}
.labelbox {width:100px;float:left; font-size: 11px;  }
.fieldbox {width:470px; float:left; font-size: 11px; }
.rowspacer {clear:both; height:8px;}
.xtraspacer {clear:both; margin-bottom:14px;}
.youtubenote {width:328px;float:left;}
.youtubenote p {font-family: Arial, Helvetica, sans-serif;font-size: 11px !important;line-height:12px !important;}
.youtubenote p a {color: #0085c9;text-decoration: underline;}
.uservideopagination {text-align:center;font-size:12px;line-height:1;}
.uservideopagination a {text-decoration:none !important;color:#317bc4 !important;}
.uservideopagination a:hover {text-decoration:underline !important;color:#317bc4 !important;}
.uservideopagination a.deactivate {color:#a7a7a7 !important;}
