/* New added css for Frog */

.style { font-family:arial,helvetica,verdana,sans-serif; font-size:11px; color:#000000; }
.label { font-family:arial,helvetica,verdana,sans-serif; font-size:11px; color:#000000; }
.add1 { font-family:arial,helvetica,verdana,sans-serif; font-size:30px; color:#84995E; }
.add2 { font-family:arial,helvetica,verdana,sans-serif; font-size:30px; color:#90BB43; }
.add3 { font-family:arial,helvetica,verdana,sans-serif; font-size:15px; color:#84995E; font-weight:bold }
.add4 { font-family:arial,helvetica,verdana,sans-serif; font-size:30px; color:#84995E; }
.add5 { font-family:arial,helvetica,verdana,sans-serif; font-size:13px; color:#000000; }
.add6 { font-family:arial,helvetica,verdana,sans-serif; font-size:18px; color:#7BA3AD; }
.add7 { font-family:arial,helvetica,verdana,sans-serif; font-size:13px; color:#FF7F33; }
.add8 { font-family:arial narrow,helvetica,verdana,sans-serif; font-size:22px; color:#AEBB97; font-weight:bold }
.add9 { font-family:arial narrow,helvetica,verdana,sans-serif; font-size:32px; color:#FF7826; font-weight:bold }
.add10 { font-family:arial narrow,helvetica,verdana,sans-serif; font-size:28px; color:#FF7826; font-weight:bold }
.add11 { font-family:arial,helvetica,verdana,sans-serif; font-size:12px; color:#000000; font-weight:bold }
.add12 { font-family:arial narrow,helvetica,verdana,sans-serif; font-size:36px; color:#AEBB97; font-weight:bold }
.add13 { font-family:arial narrow,helvetica,verdana,sans-serif; font-size:24px; color:#77A53B; font-weight:bold }
.add14 { font-family:arial narrow,helvetica,verdana,sans-serif; font-size:20px; color:#7DB61D; font-weight:bold }
.add15 { font-family:arial narrow,helvetica,verdana,sans-serif; font-size:21px; color:#FF7826; font-weight:bold }
.add16 { font-family:arial,helvetica,verdana,sans-serif; font-size:20px; color:#FFFFFF; font-weight:bold }
.add17 { font-family:arial,helvetica,verdana,sans-serif; font-size:16px; color:#FF7826; font-weight:bold }
.add18 { font-family:arial,helvetica,verdana,sans-serif; font-size:16px; color:#000000; font-weight:bold }
.field { font-family:arial,helvetica,verdana,sans-serif; font-size:11px; color:#000000; }
div.howtostart {
	background: url(/images/howToStart2.png) top no-repeat;
}

td.transfer {
	background: url(/images/Castle.png) top no-repeat;
}

td.hosting {
	background: url(/images/frog_hostsplash.png) top left no-repeat;
}

-------------------	

body {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	color: #000;
}

h1  { 
	color: #ff7f33; 
	font-weight: bold; 
	font-size: 18px; 
	text-transform: uppercase; 
	text-indent: 15px; 
	padding-top: 0px; 
	padding-bottom: 2px 
	}

h2 { 
	color: #668e1d; 
	font-size: 18px; 
	text-indent: 15px; 
	padding-top: 0px; 
	padding-bottom: 2px 
	}

/* h3 {

	background: url(/images/widgets/frog_rightnav_head.png) no-repeat;
	color: #ffffff;
	text-align: center;
	font-weight: normal;
	font-size: 14px;
	height: 20px;
  }

  */

h4 { 

	font-family: arial,helvetica,verdana,sans-serif; 
	font-size: 13px; 
	color: #FF7F33;
	margin-top: 0px 
	}

	

.caption { 
	color: #668e1d; 
	font-weight: bold; 
	font-size: 14px; 
	font-family: arial, helvetica, verdana, sans-serif;
	margin-bottom: 0;
	padding-bottom: 0;
	}

h5 { 
	color: #668e1d; 
	font-weight: bold; 
	font-size: 14px; 
	font-family: arial, helvetica, verdana, sans-serif;
	margin: 0 0 5px 0;
	padding: 0;
	}



p {

}

p.p1, .p1 { margin: 0; padding: 0; }



dt {
	font-weight: bold;
	margin: 0px;
}

dd {
	font-weight: none;
	margin-left: 15px;
	padding: 0 0 15px 10px;
	
}


/* ol, ol li  {
	line-hieght: 12px; 
	margin-left: 15px; 
	padding: 5px 0 10px 0 
}


ul {
	margin-left: 5px;
	padding-left: 10px;
	list-style: circle;
}

li {
	line-height: 15px;
	padding-left: 1px;
	padding-top: 0px;
} */

ul, li {
	margin:0; 
	padding:0; 
	list-style:none;
	}
	
ul.bullet li {
	margin-left: 15px;
	list-style: disc;
}

ol {
	margin:0; 
	padding:0;
	
}

ol.numbered li {
	margin-left: 25px;
	list-style-type: decimal;
}

.orangebox   { 
	color: #FFF092; 
	font-weight: bold; 
	font-size: 16px; 
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #fcaf1b; 
	margin: 0; 
	}

div.orangebox   { 
    text-align: center;
    vertical-align: middle
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #fcaf1b; 
    border: 1px;
    border-color: #c6e166;
    border-style: solid;
    padding: 2px 2px 2px 2px;
    margin: 2px 2px 2px 2px;
    height: auto;
    }



.greenbox   { 
	color: white;  
	font-size: 14px; 
	font-family: Arial, Helvetica, sans-serif; 
	padding: 5px 0 5px 0; 
	background-color: #b1d622; 
}



div.greenbox   { 
    text-align: center;
    vertical-align: middle
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #b1d622; 
    border: 1px;
    border-color: #c6e166;
    border-style: solid;
    padding: 2px 2px 2px 2px;
    margin: 2px 2px 2px 2px;
    height: auto;
     }



div.styled-cell {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #5F8220;
    background-color: #f3feca; 
    border: 1px;
    border-color: #c6e166;
    border-style: solid;
    padding: 2px;
    margin: 2px;
    height: auto; /* 230px */
    }

    

.styled-cell ul  { 
    list-style-type: disc; 
    margin-left: 10px !important;
    }    

    

.styled-cell h1 { 
    font-size: 12px;
    font-weight: bold;
    color: #5F8220;  
    text-indent: 0px;
    text-align: center;
    }  



#utilitynav  { 
	color: #000000;
	font-size: 10px; 
	font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
	vertical-align: bottom; 
}



#utilitynav a {
 	/* display: block; */
	float: none;
  	background: url(../images/spacer.png) top right no-repeat;
	padding: 0px 8px;
  	text-decoration: none;  
  	color: #000000;
}



#utilitynav a:hover {
	color: #999999;  

}





#footernav  { 
	color: #000000;
	font-size: 10px; 
	font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
	vertical-align: bottom; 
    background-color: #7cb61e;
	text-align: center;
	color: #ffffff;
	width: 840px; 
	height: 20px 
}



.main-footer {
    width: 840px;
    }



#footernav a {
 	/* display: block; */
	float: none;
  	background: url(../images/spacer.png) top right no-repeat;
  	text-align: center;
	font-size: 10px;
	padding: 0px 8px;
 	text-decoration: none;  
  	color: #ffffff;
}



#footernav a:hover {
	text-decoration: underline;  
}


/* END of menus */



/* Modules */

#rightnav {
}

div.rightpadding {
	padding: 5px 0px 13px;
	margin: 0 !important;
	width: auto !important;
  	width: 186px;
  	background: url(/images/widgets/frog_rightnav_bg.png) repeat-y;
}

div.rightpadding table.moduletable {
 	width: 186px;
}

div.rightpadding table.moduletable th {
	background-color: #ff7825; 
	color: #ffffff;
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	height: 15px;
	width: 100%;
}



div.rightpadding table.moduletable  {
  text-align: left;	
  font-size: 10px;
  font-weight: none;
  color: #000000;
}

div.righttop {
    background: url(/images/widgets/frog_rightnav_top.png) 0 0 no-repeat;
    height: 80px;
    width: 186px;
}


div.rightbottom  {
   background: url(/images/widgets/frog_rightnav_bottom.png) no-repeat;
   height: 14px;
   width: 186px;
}


/* Special Left Modules */

div.module-lilly h3 {
  color: #fff;
  padding-left: 2px;
}



div.module-lilly {
  width: 150px;
  background: url(/images/widgets/frog_lilly_bg.png) repeat-y;
  margin-bottom: 3px;
}



table.module-lilly td {
  width: 150px;
  background: url(/images/widgets/frog_lilly_bg.png) repeat-y;
  margin-bottom: 3px;
}

div.module-lilly div {
  background: url(/images/widgets/frog_lilly_bottom.png) bottom left no-repeat;
}



div.module-lilly div div {
  background: url(/images/widgets/frog_lilly_top.png) top left no-repeat;
  padding: 7px 12px 30px 14px;
}



table.module-lilly td {
  background: url(/images/widgets/frog_lilly_top.png) top left no-repeat;
  padding: 7px 12px 30px 14px;
}



div.module-lilly div div div {
  background: none;
  padding: 0;
  width: auto !important;
  width: 100%; 
}

div.module-left h3 {
  color: #fff;
  padding-left: 2px;
}

div.module-left {
  width: 150px;
  background: url(/images/widgets/frog_leftnav_bg.png) repeat-y;
  margin-bottom: 3px;
}

table.module-left td {
  width: 150px;
  background: url(/images/widgets/frog_leftnav_bg.png) repeat-y;
  margin-bottom: 3px;
}

div.module-left div {
  background: url(/images/widgets/frog_leftnav_bottom.png) bottom left no-repeat;
}

div.module-left div div {
  background: url(/images/widgets/frog_leftnav_top.png) top left no-repeat;
  padding: 7px 12px 30px 14px;
}



table.module-left td {
  background: url(/images/widgets/frog_leftnav_top.png) top left no-repeat; 
  padding: 7px 12px 30px 14px;
}

div.module-left div div div {
  background: none;
  padding: 0;
  width: auto !important;
  width: 100%; 
}


/* custom stuff by john */

.firefox {
  align-text: center;
}

.code { font-family: "Courier New", Courier, Monaco }



.pathwayfix {
  	padding-bottom: 20px;
}



span.pathway {
  line-height: 15px;
  width: 100%;
}



.code_indent {
  	margin: 15px;
}



.tbmh  { color: black; font-weight: bolder; font-size: 11px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 14px; text-align: right; vertical-align: middle; padding: 0 10px;   }

.tbp    { color: black; font-size: 12px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold; text-align: center; vertical-align: middle; padding: 2px  }

.tbh1   { color: #3e6133; font-weight: bolder; font-size: 14px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss; background-color: #c0dd59; text-align: center; vertical-align: middle; padding: 10px;  border-bottom: solid 2px #999999; }

.tbh1 a:link  { color: white; text-decoration: none }

.tbh1 a:visited   { color: white; text-decoration: none }

.tbh1 a:hover  { color: #e8edd7; text-decoration: none }

.tbh2     { color: #dba629; font-weight: bold; font-size: 14px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss; vertical-align: middle; padding: 10px 0 0 10px  }



a.signup:link { color: #ff8c00; font-weight: none; text-decoration: none }

a.signup:visited { color: #ff8c00; font-weight: none; text-decoration: none }

a.signup:hover { color: #ff8c00; font-weight: none; text-decoration: underline; border: 1px #ff8c00 }



#footer2 {
  background: url(../images/jp_topmenu_bg.png) repeat-x;
  text-align: center;
  font-size: 11px;
  line-height: 31px;
  height: 31px;
  font-weight: none;
  color: #CDA8A3;
  border-left: 1px solid #5B8997;
  border-right: 1px solid #768F45;
  margin-bottom: 0px;

}



div.footer2 {
  color: #7A8796;
  font-size: 10px;
}



/* custom stuff */



.clr {
	clear: both;
}



#page_bg {
	height: 100%; 
	background: url(/images/frog_bkgrnd.png) repeat-x;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-left: 10px;
	margin: 0;
}



#wrapper {
  width: 773px ;
}



#header {

}

#h_left {
  float: left;
  width: 398px;
  height: 84px;
  background: url(../images/jp_logo_left.jpg);
}

#h_right {
	float: left;
	width: 375px;
	height: 84px;
	background: url(../images/jp_title_right.jpg);
}

.search {

}

#search .inputbox {

}

table.maintable {
	border-collapse: collapse;
	width: 650px; /*width size for body */
	padding: 0;
	margin: 0;
}

#sidenav {
}

td.contentarea {
	width: 100%;
}

td.newsflash {
  /*background: url(../images/jp_newsflash_bg.png) repeat-x; */
  padding-top: 12px;
  padding-left: 6px;
  padding-right: 6px;
}

td.mainpage {
/*	background: #ffffff; */
	padding: 12px 8px 8px 8px;
}


# td.componentheading { 
	font-size: 50px;
  	color: #386476;
  	width: 100%;
  	text-align: left;
  	height: 31px !important;
  	height: 35px;
  	line-height: 30px;
}


div.componentheading {  
    vertical-align: middle;                                     
/*  height: 50px;*/                                           
  font-size: 18px;                                            
  font-weight: bold;                                          
  color: #ff6633;                                             
  text-indent: 0px;                                          
/*  padding-bottom: 2px;                                        
  padding-top: 2px;*/                                         
}



td.componentheading {
  vertical-align: middle;
/*  height: 50px;*/
  background: url(../images/jp_HD_indent.png) no-repeat;
  font-size: 18px;
  font-weight: none;                                          
  color: #386476;                                             
  text-transform: uppercase;                                  
  text-indent: 15px;                                          
/*  padding-bottom: 2px;                                        
  padding-top: 2px;*/
}  



.contentheading  {                                           
	vertical-align: middle;                                     
  	font-size: 18px;                                            
  	font-weight: bold;                                          
  	color: #ff6633;                                             
  	text-indent: 0px;                                          
}

#bottom {
  height: 15px;
}

input.button {

}

input, textarea, select {
background: #E0FFFF;
}

table.moduletable {
	margin: 0 10px 0 10px;
}

table.moduletable td {
  padding: 0px;
}


table.moduletable th {
	text-align: left;
	width: 100%;
}

#newsflash table.moduletable th {
  font-size: 14px;
  font-weight: none;
  color: #386476;
  text-indent: 15px;  
  padding-bottom: 5px;
}

#newsflash table.moduletable td {
  padding: 0px;
  padding-top: 5px;
}



#newsflash table.moduletable td.contentheading {
  padding-top: 0px;
}

td.s_b {
  	width: 315px;
	padding-top: 10px;
}

div.s_b table.moduletable th {
	background: url(/images/widgets/frog_box_top.png) top no-repeat;
	color: #336699?;
	width: 315px;
	font-size: 12px;
	font-weight: none;
	text-indent: 10px;
	height: 20px;
}



div.s_b {
	background: url(/images/widgets/frog_box_bg.png) repeat-y;
}



div.s_b-bottom {
	height: 12px;
	background: url(/images/widgets/frog_box_bottom.png) bottom no-repeat;
}

td.s_b-big {
  	width: 315px;
	padding-top: 10px;
}



div.s_b-big table.moduletable th {
	background: url(/images/widgets/frog_box_top.png) top no-repeat;
	color: #336699?;
	width: 315px;
	font-size: 12px;
	font-weight: none;
	text-indent: 10px;
	height: 20px;
}



div.s_b-big {
	background: url(/images/widgets/frog_box_bg.png) repeat-y;
	height: 100%;
}

table.moduletable ul {
	
}

/* required stuff */

#content-pane .tab-page {

}



table.contentpane {

	text-align: left;

	width: 100%;

	padding: 0px;

	margin: 0px;

	border-collapse: collapse;

	

}



table.contentpaneopen {

	text-align: left;

	width: 100%;

	padding: 0px;

	margin: 0px;

	border-collapse: collapse;

}





.small {

	font-size: 10px;

	color: #ffffff;

	font-weight: none;

	text-align: left;

}



.modifydate {

	font-size: 10px;

	color: #ACB7C4;

	font-weight: none;

	padding-top: 8px;

	padding-bottom: 15px;

	text-align: left;

}



.createdate {

	line-height: 15px;

	height: 15px;

	font-size: 10px;

	color: #ACB7C4;

	font-weight: none;

	vertical-align: top;

	padding-bottom: 10px;

	padding-top: 0px;



}



.contentpagetitle {

	font-size: 12px;

	font-weight: none;

	color: #cccccc;

	text-align:left;

}



/* For content item titles that are hyperlink instead of Read On */

a.contentpagetitle:link, a.contentpagetitle:visited  { color: #a96c61; font-weight: none; font-size: 17px; line-height: 25px; text-align: left; padding: 10px 0px 0px; width: 100%; height: 25px }



a.contentpagetitle:hover  { color: #c1968e }


a:link, a:visited {

	color: #336699; text-decoration: none;
	font-weight: none;
}



a:hover {

	color: #999999;	text-decoration: none;
	font-weight: none;
}



a.category:link, a.category:visited {
	font-size: 14px;
	font-weight: bold;
	line-height: 25px

}



a.category:hover {



}



a.pagenav, a.pagenav:visited {



}



a.pagenav:hover {



}





.frontpageheader {



}



.newsfeedheading {



}



.newsfeeddate {



}



.fase4rdf a:link {



}



.fase4rdf a:hover {



}



.sectiontableheader {

  font-weight: none;

  background: #DAE6E9;

  padding: 2px;

}



td.smalldark {

  color: #666666;

  font-size: 10px;

  font-weight: none;

}


td.sectiontableentry1 {
  	padding: 0px;

}



td.sectiontableentry2 {
	padding: 0px;

}


tr.sectiontableentry1 td {
	font-size: 12px;
	font-weight: bold;
  padding-left: 0px;
  padding-right: 0px;
  height: 20px;

}



tr.sectiontableentry2 td {
	font-size: 12px;
	font-weight: bold;
  padding-left: 0px;
  padding-right: 0px;
  height: 20px;

}



HTML {

  height: 100%;

  margin-bottom: 1px;

}




td,tr,div {

 font-size: 11px;
}



#rightnav td,#rightnav tr,#rightnav p,#rightnav div {

  color: #5E6F53;

}



.inputbox {

	border: 1px #000000 solid;
}



/* Styles for dhtml tabbed-pages */



.ontab {

	background-color: #cccccc;

	border-left: solid 1px #666666;

	border-right: solid 1px #666666;

	border-top: solid 1px #666666;

	border-bottom: solid 0px #cccccc;

	text-align: center;

	cursor: pointer;

	font-weight: normal;

	color: #cc0000;

}

.offtab {

	background-color: #BCBCBC;

	border-left: solid 1px #999999;

	border-right: solid 1px #bbbbbb;

	border-top: solid 1px #999999;

	border-bottom: solid 1px #666666;

	text-align: center;

	cursor: pointer;

	font-weight: normal;

	color: #666666;

}



.tabpadding {

}



.tabheading {

	background-color: #eeeeee;

	text-align: left;

}



.pagetext {

	visibility: hidden;

	display: none;

	position: relative;

	top: 0;

}





/* Horizontal Line */

hr {

	background: #999999; height:1px; border: 1px solid;

}



hr.separator {



}





/* Content - Sections & Categories */





table.contenttoc {

  margin: 3px;

	border: solid 1px #BECFD6;

	background: #ffffff;

	color: #315996;

}



table.contenttoc th {

  font-size: 11px;

	font-weight: none;

  color: #315996;

}





table.contenttoc td {

	font-size: 8pt;

	font-weight: normal;

	text-align:left;

	padding: 2px;

}



.contentdescription {

	text-align: left;

}



/** category text format and links **/

.category {



}



.poll {

	font-size: 10px;

	padding: 0px;

	margin: 0px

}



table.pollstableborder {

	border: 0px;

	margin: 0px;

	padding: 0px;

	border-collapse: collapse;

}



.smalldark {

	font-size: 11px;

	color: #333333;

	text-decoration: none;

	font-weight: normal;

}



table.searchinto {

	width: 100%;

}



table.searchintro td {

	color: #000000;

	font-weight: none;

}





.pagenav {

	font-weight: normal;

}



.pagenavbar {



}



/* Content voting */

.content_rating {

	font-weight: normal;

	font-size: 8pt;

}



.content_vote {

	font-weight: normal;

	font-size: 8pt;

}



/* Javascript Back button */

.back_button {

	text-align: center;

	margin-top: 40px;

}



.readon {

  display: block;

	margin-bottom: 10px;

	text-transform: lowercase;

	

}

/* form styles */

#dfContactForm fieldset {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #ccc;
	background: #f8f8f8
	}
	
#dfContactForm legend {
	font-weight: bold;
}

#dfContactForm label {
	float: left;
	width: 12em;
	text-align: right;
	padding-right: 5px;
}

#dfContactForm.required {
	font-size: 0.75em;
	color: #760000;
}

#dfContactForm input[type="text"] {
	width: 200px;
}

#dfContactForm textarea {
	width: 300px;
	height: 100px;
}

/* end of form styles */