body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px;}

A.NoUnder {text-decoration: none; cursor:default; width:100%; filter:Shadow(color=#444444, Direction=135); color: #000000}

A.NoUnderPlain {text-decoration: none; cursor:default; width:100%; font-weight:bold; color: #000000}

A.NoUnderNoBold {text-decoration: none; cursor:default; width:100%;  color: #FBC356; filter:glow(color=#000000, strength=5);}

.Over A:link {text-decoration: underline; font-weight:bold; color: #044246}
.Over A:visited {text-decoration: underline; font-weight:bold; color: #000000}
.Over A:active {text-decoration: none; font-weight:bold; color: #D81818}
.Over A:hover {text-decoration: none; font-weight:bold; color: #2466AF}


.Reverse A:link {text-decoration: underline; font-weight:bold; color: #2466AF}
.Reverse A:visited {text-decoration: underline; font-weight:bold; color: #2466AF}
.Reverse A:active {text-decoration: none; font-weight:bold; color: #D81818}
.Reverse A:hover {text-decoration: none; font-weight:bold; color: #044246}

.Pick A:link {text-decoration: underline; font-weight:bold; background: #FDFBD4; color: #044246}
.Pick A:visited {text-decoration: underline; font-weight:bold; background: #FDFBD4; color: #044246}
.Pick A:active {text-decoration: none; font-weight:bold; color: #D81818}
.Pick A:hover {text-decoration: none; font-weight:bold; color: #2466AF}


.New A:link {text-decoration: none; cursor:default; font-weight:bold; background: #FDFBD4; color: #000000}
.New A:visited {text-decoration: none; cursor:default; font-weight:bold; background: #FDFBD4; color: #000000}
.New A:active {text-decoration: none; cursor:default; font-weight:bold; color: #000000}
.New A:hover {text-decoration: none; cursor:default; font-weight:bold; color: #000000}



.RevNew A:link {text-decoration: underline; font-weight:bold; background: #FDFBD4; color: #2466AF}
.RevNew A:visited {text-decoration: underline; font-weight:bold; background: #FDFBD4; color: #2466AF}
.RevNew A:active {text-decoration: none; font-weight:bold; color: #D81818}
.RevNew A:hover {text-decoration: none; font-weight:bold; color: #044246}



.Button  A:link {text-decoration: none; font-weight:bold; font-size:11pt; color: #000000} 
.Button A:visited {text-decoration: none; font-weight:bold; font-size:11pt; color: #000000 }
.Button A:active {text-decoration: none; font-weight:bold; font-size:11pt; color: #B30606 }
.Button A:hover {text-decoration: none; font-weight:bold; font-size:11pt; color: #B30606 }

.Button2  A:link {text-decoration: none; font-weight:bold; font-size:10pt; color: #000000} 
.Button2 A:visited {text-decoration: none; font-weight:bold; font-size:10pt; color: #000000 }
.Button2 A:active {text-decoration: none; font-weight:bold; font-size:10pt; color: #B30606 }
.Button2 A:hover {text-decoration: none; font-weight:bold; font-size:10pt; color: #B30606 }


.HighlightFine  A:link {text-decoration: none; font-weight:bold; font-size:10pt; color: #031765}
.HighlightFine A:visited {text-decoration: none; font-weight:bold; font-size:10pt; color: #031765}
.HighlightFine A:active {text-decoration: none; font-weight:bold; font-size:10pt; color: #000000}
.HighlightFine A:hover {color: #A6B4E8; text-decoration: underline; font-size:10pt; font-weight:bold; }

A.plain {text-decoration: none;  color: #000000}
.fineprint { font-size:10pt; color: #000000} 

.Bookmark  A:link {text-decoration: underline; font-weight:bold; color: #2466AF}
.Bookmark A:visited {text-decoration: underline; font-weight:bold; color: #000000}
.Bookmark A:active {text-decoration: none; font-weight:bold; color: #D81818}
.Bookmark A:hover {text-decoration: none; font-weight:bold; background: #044246; color: #FFFFFF}

.submit A:link {text-decoration: none; font-weight:bold; font-size:10pt; color: #000000}
.submit A:visited {text-decoration: none; font-weight:bold; font-size:10pt; color: #000000}
.submit A:active {text-decoration: underline; font-weight:bold; font-size:10pt; color: #2466AF}
.submit A:hover {text-decoration: underline; font-weight:bold; font-size:10pt; color: #2466AF}



/*########### New Style 8-05-2015 ###########*/



a{color:#0a5f5a;}

img{max-width:100%;}
.clear{clear:both;}

.SiteContainer{margin:0 auto; max-width:1000px; background:url(../images/side.jpg) repeat-y left top;}
.SiteContainer .RightBorder{background:url(../images/side2.jpg) repeat-y right top; min-height:590px; padding:20px 30px;}

.Header{}
.Header .Logo{text-align:center; float:left; padding:0 2%; width:50%;}
.Header .Logo a.BookmarkLink{font-weight:bold; display:inline-block; padding:5px 10px; margin:20px 10px; color:#387ac6; text-decoration:none;}
.Header .Logo a.BookmarkLink:hover{background:#065b54; color:#FFF; border-radius:5px;}

.Header .MobileMenu{display:none;}

.Header .Menu{text-align:center; float:left; width:23%;}
.Header .Menu ul{background:#21a087; margin:0; padding:2px 0; font-size:14px;}
.Header .Menu ul li{list-style:none; margin:0; padding:2px 5px;}
.Header .Menu ul li a{padding:5px 0; background:#FFF; border-radius:5px; display:block; color:#000; text-decoration:none; font-weight:bold;}
.Header .Menu ul li a:hover{background:#065b54; color:#FFF;}


.Content{padding:25px 0;}
.Content h1{margin:0 0 40px 0; padding:10px 0; text-align:center; background:#dbeffa;}
.Content h2{padding:5px 10px; background:#dbeffa;}
.Content .LeftContent{width:76%; padding:2%; float:left; border:1px solid #ccc;}
.Content .LeftContent .SocialShare{max-width:76%; padding-left:6em;}

.Content .RightAdd{width:160px; height:600px; float:right; border:1px dotted #ccc;}
.Content .TopAdd{max-width:728px; width:100%; height:90px; border:1px dotted #ccc; margin:0 auto 20px auto;}

ul.ListingStyle{margin:0 20px; padding:0; font-size:15px;}
ul.ListingStyle li{padding:4px 0;}

.SubmitJockBtn{padding:20px;}
.SubmitJockBtn a{padding:10px; text-transform:uppercase; font-size:15px; background:#21a087; border-radius:5px; color:#FFF; text-decoration:none; font-weight:bold;}
.SubmitJockBtn a:hover{background:#065b54; color:#FFF;}

.SubmitForm{padding:20px 0; margin:0 auto; max-width:350px;}
.SubmitForm label{display:block; font-weight:bold; font-size:13px; line-height:26px;}
.SubmitForm label span{font-weight:normal;}
.SubmitForm input[type="text"]{height:30px;}
.SubmitForm input[type="text"], .SubmitForm textarea{margin-bottom:15px; width:100%; max-width:350px; border:1px solid #CCC;}
.SubmitForm input[type="submit"],
.SubmitForm input[type="reset"]{height:30px; padding:0 15px; cursor:pointer; background:#21a087; border:0; color:#FFF; font-weight:bold; text-transform:uppercase;}


.BrowseJokesBottom{padding:0 0 15px 0;}
.BrowseJokesBottom .BoxAdd{max-width:310px; width:100%; min-height:200px; margin:0px auto 10px auto; border:1px dotted #ccc;}
.BrowseJokesBottom .BrowseOtherJokes{background:#ebfcf9; margin:10px; max-width:290px; min-height:444px; width:100%; border:1px solid #ccc; float:left;}
.BrowseJokesBottom .BrowseOtherJokes h2{background:#dbeffa; text-align:center; margin:0 0 15px 0; padding:10px 0;}
.BrowseJokesBottom .BrowseOtherJokes a{color:#044246;}
.BrowseJokesBottom .BrowseOtherJokes .SubmitJockBtn a{color:#FFF;}
.BrowseJokesBottom .BrowseOtherJokes ul{margin:15px 30px;}
.BrowseJokesBottom .BrowseNewJokes {background:#fdfbd4;}

.BreadCrumb{padding:0 0 10px 0; border-bottom:1px solid #CCC;}
.BreadCrumb a{color:#0a5f5a; text-decoration:none;}


@media screen and (max-width: 880px) {

.Content .LeftContent{width:96%; float:none;}
.Content .RightAdd{float:none; margin:20px auto;}
.BrowseJokesBottom{padding:0;}
.BrowseJokesBottom .BoxAdd{margin:0px auto;}
.BrowseJokesBottom .BrowseOtherJokes{margin:20px auto; float:none;}

.Content .TopAdd, .Content .RightAdd {display:none;}
.Header .Logo a.BookmarkLink {display:none;}

}

@media screen and (max-width: 767px) {
.Header .Logo{width:76%;}
.Header .Logo a.BookmarkLink{margin:10px 10px;}
.Header .Menu{display:none;}
.Header .MobileMenu{display:block; width:42px; float:right; position:relative;}
.Header .MobileMenu a.MobileIcon{float:right;}
.Header .MobileMenu ul{margin:0; padding:4px 0; background:#21a087; border-radius:5px; position:absolute; right:0; top:42px; width:180px; display:none;}
.Header .MobileMenu ul li{list-style:none;  margin:0; padding:2px 5px;}
.Header .MobileMenu ul li a{padding:5px; background:#FFF; border-radius:5px; display:block; color:#000; text-decoration:none; font-weight:bold;}
.Header .MobileMenu ul li a:hover{background:#065b54; color:#FFF;}

}


@media screen and (max-width:640px) {

.SiteContainer {background:none;}
.SiteContainer .RightBorder {background:none; border:5px solid #21a087; padding:5px;}

}