/* ---------------------------------------------------
CVS: $ $
Title: global.css
Copyright: (c) 2008
Author: Phil Renaud
Company: Rhino Internet Solutions
Description: Global styles for phoenix.gov's
             Department of Water Resources.
Modified 03-25-2009 by Ben Winton, City of Phoenix.
--------------------------------------------------- */

.wrdp .waterleft {
   float: left;
   width: 32.5% !important;
   }
   
 .waterleft { /* accommodates non wrdp secondary pages that do not have wrdp in body tag */
   float: left;
   width: 32.5% !important;
   }

.wrdp .waterright {
   float: left;
   width: 66.5% !important;
   overflow: hidden;
   }

 .waterright { /* accommodates non wrdp secondary pages that do not have wrdp in body tag */
   float: left;
   width: 66.5% !important;
   overflow: hidden;
   }

.wrdp.interior .content-close {
   clear: both;
   }

#page-ttl h1 {
   font-size: 2em; 
   }



/* ---------------------------------------------------
=Tips
Styling and aesthetics for "Tips" carousels on
WRDP homepage.
--------------------------------------------------- */


.wrdp div.multi-list-container {
   margin-top: 15px;
   }
 div.multi-list-container { /* accommodates non wrdp secondary pages that do not have wrdp in body tag */
   margin-top: 15px;
   }
.wrdp div.multi-list.waterleft h6 {
   text-transform: none;
   font-size: 140%;
   margin-bottom: 1.5em;
   }

div.multi-list.waterleft h6 { /* accommodates non wrdp secondary pages that do not have wrdp in body tag */
   text-transform: none;
   font-size: 140%;
   margin-bottom: 1.5em;
   }


.wrdp div.multi-list.waterright div.tips {
   margin-bottom: 20px;
   }


 div.multi-list.waterright div.tips { /* accommodates non wrdp secondary pages that do not have wrdp in body tag */
   margin-bottom: 20px;
   }


.wrdp div.multi-list.waterright div.tips h6 {
   font-weight: normal;
   text-transform: none;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 160%;
   margin-bottom: 0px;
   height: 29px;
   border-top: 1px solid #000;
   line-height: 30px;
   margin-left: 0px;
   width: 100%;
   background-color: #fff;
   position: relative;
   }

 div.multi-list.waterright div.tips h6 { /* accommodates non wrdp secondary pages that do not have wrdp in body tag */
   font-weight: normal;
   text-transform: none;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 160%;
   margin-bottom: 0px;
   height: 29px;
   border-top: 1px solid #000;
   line-height: 30px;
   margin-left: 0px;
   width: 100%;
   background-color: #fff;
   position: relative;
   }



.wrdp div.multi-list.waterright div.tips span.next {
   width: 10%;
   text-align: right;
   display: block;
   clear: both;
   height: 30px;
   margin-top: -29px;
   cursor: pointer;
   line-height: 30px;
   font-size: 130%;
   position: relative;
   font-weight: normal !important;
   color: #4e8abe;
   }

.wrdp div.multi-list.waterright div.tips img {
   position: absolute;
   margin-top: 30px;
   z-index: 2;
   }

 div.multi-list.waterright div.tips img { /* accommodates non wrdp secondary pages that do not have wrdp in body tag */
   position: absolute;
   margin-top: 30px;
   z-index: 2;
   }


.wrdp div.multi-list.waterright div.tips a.viewall {
   height: 31px;
   line-height: 31px;
   float: right;
   color: #fff !important;
   border-top: 2px solid #fff;
   margin-right: 0px;
   width: 100%;
   padding-right: 12px;
   background-color: #4c721d;
   text-align: right;
   }
   
 div.multi-list.waterright div.tips a.viewall { /* accommodates non wrdp secondary pages that do not have wrdp in body tag */
   height: 31px;
   line-height: 31px;
   float: right;
   color: #fff !important;
   border-top: 2px solid #fff;
   margin-right: 0px;
   width: 100%;
   padding-right: 12px;
   background-color: #4c721d;
   text-align: right;
    }  
   
   
.wrdp div.multi-list.waterright div.tips p.viewall { /* new class def for p tag to emulate inline anchored viewall above */
   height: 31px;
   line-height: 31px;
   float: right;
   color: #fff !important;
   border-top: 2px solid #fff;
   margin-right: 0px !important;
   margin-left:0px !important;
   margin-bottom: 0px;
   width: 100%;
   padding-right: 12px;
   background-color: #4c721d;
   text-align: right;
   font-size:100%;
   }
   
 div.multi-list.waterright div.tips p.viewall { /* accommodates non-wrdp pages that do not have wrdp in body tag */ /* new class def for p tag to emulate inline anchored viewall above */
   height: 31px;
   line-height: 31px;
   float: right;
   color: #fff !important;
   margin-right: 10px;
   border-top: 2px solid #fff;
   margin-right: 0px;
   margin-bottom: 0px;
   width: 100%;
   padding-right: 12px;
   background-color: #4c721d;
   text-align: right;
   font-size:100%;
   }
 .wrdp div.multi-list.waterright div.tips p.viewall a { /* added as a result of new p.viewall class def above */
  color: #fff !important; 
  }
  
 div.multi-list.waterright div.tips p.viewall a { /* accommodates non-wrdp pages that do not have wrdp in body tag */
  color: #fff !important; 
  }
.wrdp div.multi-list.waterright div.tips.business a.viewall {
   background-color: #621a4b;
  }
 
 div.multi-list.waterright div.tips.business a.viewall { /* accommodates non-wrdp pages that do not have wrdp in body tag */
   background-color: #621a4b;
     padding-right:4px;
  }
 
 .wrdp div.multi-list.waterright div.tips p.bizviewall { /* new class def for p tag to emulate inline anchored viewall above */
   height: 31px;
   line-height: 31px;
   float: right;
   color: #fff !important;
   border-top: 2px solid #fff;
   margin-right: 0px !important;
   margin-left:0px !important;
   margin-bottom: 0px;
   width: 100%;
   padding-right: 12px;
   background-color: #621a4b;
   text-align: right;
   font-size:100%;
   }
   
   
 div.multi-list.waterright div.tips p.bizviewall {  /* new class def for p tag to emulate inline anchored viewall above */
   height: 31px;
   line-height: 31px;
   float: right;
   color: #fff !important;
   margin-right: 10px;
   border-top: 2px solid #fff;
   margin-right: 0px;
   margin-bottom: 0px;
   width: 100%;
   padding-right: 12px;
   background-color: #621a4b;
   text-align: right;
   font-size:100%;
   }
  .wrdp div.multi-list.waterright div.tips p.bizviewall a { /* added as a result of new p.viewall class def above */
  color: #fff !important; 
  padding-right:4px;
  }

 div.multi-list.waterright div.tips p.bizviewall a { /* added as a result of new p.viewall class def above */
  color: #fff !important; 
  }
   
.wrdp div.multi-list.waterright div.tips.resources a.viewall {
   background-color: #005295;
   }   

 .wrdp div.multi-list.waterright div.tips p.resourcesviewall { /* new class def for p tag to emulate inline anchored viewall above */
   height: 31px;
   line-height: 31px;
   float: right;
   color: #fff !important;
   border-top: 2px solid #fff;
   margin-right: 0px !important;
   margin-left:0px !important;
   margin-bottom: 0px;
   width: 100%;
   padding-right: 12px;
   background-color: #005295;
   text-align: right;
   font-size:100%;
   }
   
 div.multi-list.waterright div.tips p.resourcesviewall { /* new class def for p tag to emulate inline anchored viewall above */
   height: 31px;
   line-height: 31px;
   float: right;
   color: #fff !important;
   margin-right: 10px;
   border-top: 2px solid #fff;
   margin-right: 0px;
   margin-bottom: 0px;
   width: 100%;
   padding-right: 12px;
   background-color: #005295;
   text-align: right;
   font-size:100%;
   }

.wrdp div.multi-list.waterright div.tips p.resourcesviewall a { /* added as a result of new p.viewall class def above */
  color: #fff !important;
    padding-right:4px; 
  }


 div.multi-list.waterright div.tips p.resourcesviewall a { /* added as a result of new p.viewall class def above */
  color: #fff !important; 
  }

.wrdp div.multi-list.waterright div.tips.home {
   min-height: 163px;
   background: #868b19 url(/webcms/groups/internet/documents/web_asset/img_hometipbg_png.png) 0px 30px repeat-x;
   width: 100%;
   }

 div.multi-list.waterright div.tips.home { /* accommodates non-wrdp pages that do not have wrdp in body tag */
   min-height: 163px;
   background: #868b19 url(/webcms/groups/internet/documents/web_asset/img_hometipbg_png.png) 0px 30px repeat-x;
   width: 100%;
   }


.wrdp div.multi-list.waterright div.tips.business {
   min-height: 163px;
   background: #810658 url(/webcms/groups/internet/documents/web_asset/img_businesstipbg_png.png) 0px 30px repeat-x;
   }


div.multi-list.waterright div.tips.business { /* accommodates non-wrdp pages that do not have wrdp in body tag */
   min-height: 163px;
   background: #810658 url(/webcms/groups/internet/documents/web_asset/img_businesstipbg_png.png) 0px 30px repeat-x;
   }


.wrdp div.multi-list.waterright div.tips.resources {
   min-height: 163px;
   background: #45759F url(/webcms/groups/internet/documents/web_asset/img_watertipbg_png.png) 0px 30px repeat-x;
   }   


 div.multi-list.waterright div.tips.resources { /* accommodates non-wrdp pages that do not have wrdp in body tag */
   min-height: 163px;
   background: #45759F url(/webcms/groups/internet/documents/web_asset/img_watertipbg_png.png) 0px 30px repeat-x;
   }   

.wrdp div.multi-list.waterright div.tips div.navigation { 
display: none; 
}

 div.multi-list.waterright div.tips div.navigation {  /* accommodates non-wrdp pages that do not have wrdp in body tag */
display: none; 
}



/*\*/
* html .wrdp div.multi-list.waterright div.tips.business {
   height: 163px;
   }

* html div.multi-list.waterright div.tips.business {
   height: 163px;
   }

/**/


.wrdp div.navigation { margin-left: 100px; }


div.navigation {  /* accommodates non-wrdp pages that do not have wrdp in body tag */
margin-left: 100px;
 } 

.wrdp div.screen {
   float: left !important;
   width: 1000% !important;
	position:relative;
	height:auto;
   }


div.screen { /* accommodates non-wrdp pages that do not have wrdp in body tag */
   float: left !important;
   width: 1000% !important;
	position:relative;
	height:auto;
   }


.wrdp div.multi-list.waterright div.sections ul li p,
.wrdp div.multi-list.waterright div.sections ul li ul,
.wrdp div.multi-list.waterright div.sections ul li ol,
.wrdp div.multi-list.waterright div.sections ul li dl {
   padding-left: 80px;
   }


 div.multi-list.waterright div.sections ul li p,
 div.multi-list.waterright div.sections ul li ul,
 div.multi-list.waterright div.sections ul li ol,
 div.multi-list.waterright div.sections ul li dl { /* accommodates non-wrdp pages that do not have wrdp in body tag */
   padding-left: 80px;
   }



.wrdp div.sections ul li {
   float: left !important;
   width: 15%;
   clear: none !important;
   margin: 0px !important;
   min-height: 80px;
   padding: 10px;
   list-style-image: none !important;
   list-style-type: none !important;
   color: #fff;
   }


div.sections ul li { /* accommodates non-wrdp pages that do not have wrdp in body tag */
   float: left !important;
   width: 15%;
   clear: none !important;
   margin: 0px !important;
   min-height: 80px;
   padding: 10px;
   list-style-image: none !important;
   list-style-type: none !important;
   color: #fff;
   }


.wrdp div#headlinecarousel div.sections ul li {
   padding: 0px !important
   }


 div#headlinecarousel div.sections ul li { /* accommodates non-wrdp pages that do not have wrdp in body tag */
   padding: 0px !important
   }


.wrdp .sections {
   overflow:hidden;
	width:10%;
	height:auto;
	clear:left;
   }

 .sections { /* accommodates non-wrdp pages that do not have wrdp in body tag */
   overflow:hidden;
	width:10%;
	height:auto;
	clear:left;
   }

	
.wrdp .sections ul {
   width:1000%;
   float: left;
	}

 .sections ul { /* accommodates non-wrdp pages that do not have wrdp in body tag */
   width:1000%;
   float: left;
	}
	
.wrdp .sections li{
   float:left;
   width: 9% !important;
   }

.sections li{ /* accommodates non-wrdp pages that do not have wrdp in body tag */
   float:left;
   width: 9% !important;
   }



/*\*/
* html .wrdp div.multi-list.waterright div.tips div.sections ul li {
   height: 80px;
   }
   
   
* html div.multi-list.waterright div.tips div.sections ul li {
   height: 80px;
   }
/**/


/* ---------------------------------------------------
=Promos
Lower homepage promotional items, styling and
aesthetic.
--------------------------------------------------- */

.wrdp div.multi-list.waterleft.water {
   width: 100% !important;
   }

.wrdp div.multi-list.waterleft.water p {
   margin-left: 0px;
   margin-bottom: 2px;
   color: #fff !important;
   padding: 5px 5px 5px 5px;
   font-size: 160%;
   margin-right: 1em;
   background-color: #005295 !important;
   }

.wrdp div.multi-list.waterleft.water a {
   display: block;
   color: #fff !important;
   padding: 0px 16px 0px 0px;
   background: #005295 url(/webcms/groups/internet/documents/web_asset/img_whiteraquo_png.png) 98.9% 50% no-repeat !important; /* original positions were 98 and 50 percent */
   text-align: right;
   margin-right: 1.6em;
   font-size: 66% !important; /* size added to force Oracle CMS to conform to original style intention */
  }


/* ---------------------------------------------------
=Interior Pages
Conventions for Interior and Content Pages.
--------------------------------------------------- */

.wrdp.interior h2 {
   margin-bottom: 10px;
   margin-top: 30px;
   }
   
.wrdp.interior h4 {
   border-top: none;
   }   

.wrdp.interior h2.imageless {
   margin-top: 0px;
   }

.wrdp.interior #col2 p {
   line-height: 1.5em;
   }

.wrdp div#interiorphoto {
   background-color: #333;
   background-position: top left !important;
   background-repeat: no-repeat;
   height: 120px;
   margin-bottom: 15px;
   width: 100%;
   }

/* Interior Photo modules are denoted by an ID of interiorphoto. Their class name is variable, and should match the content it is associated with */

.wrdp div#interiorphoto.sprinkler {
   background-image: url(/webcms/groups/internet/documents/web_asset/img_header_sprinkler_jpg.jpg);
   }
   
.wrdp.interior #container2 #col2 #content div.library {
   background-image: url(/webcms/groups/internet/documents/web_asset/img_header_library_jpg.jpg);
   } 
   
.wrdp.interior #container2 #col2 #content div.home {
   background-image: url(/webcms/groups/internet/documents/web_asset/img_header_home_jpg.jpg);
   }  
   
.wrdp.interior #container2 #col2 #content div.business {
   background-image: url(/webcms/groups/internet/documents/web_asset/img_header_business_jpg.jpg);
   }        
   
.wrdp.interior #container2 #col2 #content div.school {
   background-image: url(/webcms/groups/internet/documents/web_asset/019895.jpg); /* header_school.jpg */
   }   
   
.wrdp.interior #container2 #col2 #content div.contact {
   background-image: url(/webcms/groups/internet/documents/web_asset/img_header_contact_jpg.jpg);
   }        
   
.wrdp.interior #container2 #col2 #content div.espanol {
   background-image: url(/webcms/groups/internet/documents/web_asset/img_header_espanol_jpg.jpg);
   }
   
.wrdp.interior #container2 #col2 #content div.water {
   background-image: url(/webcms/groups/internet/documents/web_asset/img_header_water_jpg.jpg);
   }     
   
.wrdp.interior #container2 #col2 #content div.faq {
   background-image: url(/webcms/groups/internet/documents/web_asset/img_header_faq_jpg.jpg);
   }         
   
.wrdp.interior #container2 #col2 #content div.news {
   background-image: url(/webcms/groups/internet/documents/web_asset/img_header_news_jpg.jpg);
   }        
   
.wrdp.interior #container2 #col2 #content div.literature {
   background-image: url(/webcms/groups/internet/documents/web_asset/img_header_literature_jpg.jpg);
   }     


/* the following new interiorphoto classes are to accommodate the Oracle CMS environment and should accomplish the same display as the id and div tags above */


.interiorphoto_school {
   background-color: #333;
   background-position: top left !important;
   background-repeat: no-repeat;
   height: 120px;
   margin-bottom: 15px;
   width: 100%;
    background-image: url(/webcms/groups/internet/documents/web_asset/019895.jpg); /* header_school.jpg */
   }

.interiorphoto_sprinkler {
   background-color: #333;
   background-position: top left !important;
   background-repeat: no-repeat;
   height: 120px;
   margin-bottom: 15px;
   width: 100%;
    background-image: url(/webcms/groups/internet/documents/web_asset/img_header_sprinkler_jpg.jpg);
   }
.interiorphoto_library {
   background-color: #333;
   background-position: top left !important;
   background-repeat: no-repeat;
   height: 120px;
   margin-bottom: 15px;
   width: 100%;
   background-image: url(/webcms/groups/internet/documents/web_asset/img_header_library_jpg.jpg);
   }
.interiorphoto_home {
   background-color: #333;
   background-position: top left !important;
   background-repeat: no-repeat;
   height: 120px;
   margin-bottom: 15px;
   width: 100%;
   background-image: url(/webcms/groups/internet/documents/web_asset/img_header_home_jpg.jpg);
   }
.interiorphoto_business {
   background-color: #333;
   background-position: top left !important;
   background-repeat: no-repeat;
   height: 120px;
   margin-bottom: 15px;
   width: 100%;
   background-image: url(/webcms/groups/internet/documents/web_asset/img_header_business_jpg.jpg);
   }
.interiorphoto_contact {
   background-color: #333;
   background-position: top left !important;
   background-repeat: no-repeat;
   height: 120px;
   margin-bottom: 15px;
   width: 100%;
   background-image: url(/webcms/groups/internet/documents/web_asset/img_header_contact_jpg.jpg);
   }
.interiorphoto_espanol {
   background-color: #333;
   background-position: top left !important;
   background-repeat: no-repeat;
   height: 120px;
   margin-bottom: 15px;
   width: 100%;
    background-image: url(/webcms/groups/internet/documents/web_asset/img_header_espanol_jpg.jpg);
   }
.interiorphoto_water {
   background-color: #333;
   background-position: top left !important;
   background-repeat: no-repeat;
   height: 120px;
   margin-bottom: 15px;
   width: 100%;
   background-image: url(/webcms/groups/internet/documents/web_asset/img_header_water_jpg.jpg);
   }
.interiorphoto_faq {
   background-color: #333;
   background-position: top left !important;
   background-repeat: no-repeat;
   height: 120px;
   margin-bottom: 15px;
   width: 100%;
   background-image: url(/webcms/groups/internet/documents/web_asset/img_header_faq_jpg.jpg);
   }
.interiorphoto_news {
   background-color: #333;
   background-position: top left !important;
   background-repeat: no-repeat;
   height: 120px;
   margin-bottom: 15px;
   width: 100%;
   background-image: url(/webcms/groups/internet/documents/web_asset/img_header_news_jpg.jpg);
   }
.interiorphoto_literature {
   background-color: #333;
   background-position: top left !important;
   background-repeat: no-repeat;
   height: 120px;
   margin-bottom: 15px;
   width: 100%;
   background-image: url(/webcms/groups/internet/documents/web_asset/img_header_literature_jpg.jpg);
   }

.wrdp a.interiortip {
   line-height: 25px;
   width: 130px;
   float: right;
   display: block;
   margin: 0px 0px 10px 10px;
   text-align: right;
   color: #fff !important;
   padding: 75px 5px 0px 5px;
   background: transparent top left no-repeat;
   }

 a.interiortip { /* accommodates non-wrdp pages that do not have wrdp in body tag */
   line-height: 25px;
   width: 130px;
   float: right;
   display: block;
   margin: 0px 0px 10px 10px;
   text-align: right;
   color: #fff !important;
   padding: 75px 5px 0px 5px;
   background: transparent top left no-repeat;
   }

.wrdp a.interiortip.garden {
   background: transparent url(/webcms/groups/internet/documents/web_asset/img_interiortip_garden_jpg.jpg) top left no-repeat;
   }

a.interiortip.garden { /* accommodates non-wrdp pages that do not have wrdp in body tag */
   background: transparent url(/webcms/groups/internet/documents/web_asset/img_interiortip_garden_jpg.jpg) top left no-repeat;
   }

.wrdp div.captionedimage {
   float: right;
   width: 180px;
   margin: 0px;
   border-left: 10px solid #fff;
   border-bottom: 10px solid #fff;
   overflow: hidden;
   clear: right;
   }


.captionedimage { /* accommodates non wrdp secondary layout pages not using wrdp in body tag */
   float: right;
   width: 180px;
   margin: 0 0 0 0;
  /* border-left: 10px solid #fff;*/
   border-bottom: 0px solid #fff; /*originally 10px */
   overflow: hidden;
   clear: right;
   }



.wrdp form ul li div.captionedimage {
   border-top: 10px solid #fff;
   }
 form ul li div.captionedimage { /* accommodates non-wrdp pages that do not have wrdp in body tag */
   border-top: 10px solid #fff;
   }

 .captionedimage form ul li  { /* accommodates non-wrdp secondary pages that do not have wrdp in body tag */
   border-top: 10px solid #fff;
   }


.wrdp div.captionedimage img {
   border-bottom: 2px solid #fff;
   float: right;
   width: 180px;
   }

.captionedimage img { /* accommodates non wrdp secondary pages that do not have wrdp in body tag */
   border-bottom: 2px solid #fff;
   float: right;
   width: 180px;
   }

   
.wrdp div.top-padded {
   padding-top: 20px;
   }

 div.top-padded { /* adapted for use with pages without wrdp in body tag */
   padding-top: 20px;
   }



.wrdp div.captionedimage span {
   background: #773963 url(/webcms/groups/internet/documents/web_asset/019839.png) bottom left repeat-x; /*captionedimagebg.png */
   color: #fff;
   width: 170px;
   text-align: right;
   padding: 5px 5px 5px 5px;
   margin-left: -5px;
   display: block;
   float: right;
   clear: both;
   }
  
.captionedimagetext { /* accommodates non-wrdp secondary page layouts that do not have wrdp in body tag */
   background: #773963 url(/webcms/groups/internet/documents/web_asset/019839.png) bottom left repeat-x; /*captionedimagebg.png */
   color: #fff;
   width: 180px;
   text-align: right;
  padding: 0px 0px 5px 0px;
   margin-left:0px;
   margin-top:0px;
   display: block;
   float: right;
   clear: both;
   font-size:97%;
   line-height:145%;
   }
   
.captionedimagetext img { /* accommodates non wrdp secondary pages that do not have wrdp in body tag */
   border-bottom: 2px solid #fff;
   float: right;
   width: 180px;
   }
.captionedimagetext p {
display:inline;
 margin-top:0px;
}  
.captionedimagetextblock {
display:block;
padding-right:5px;
} 
.wrdp .to-top {
   font-style: italic;
   font-size: .9em;
   }   

.to-top { /* adapted for use with pages without wrdp in body tag */
   font-style: italic;
   font-size: .9em;
   }   


.wrdp .link-list li {
   list-style-image: url(/webcms/groups/internet/documents/web_asset/img_link_raquo_gif.gif);
   color: #333;
   }

.wrdp .link-list a { color: #4E8ABE; }
.wrdp .link-list a:hover { color: #990066; }

.wrdp div.data {
   clear: both;
   margin: 40px 0;
   width: 100%;
   overflow: hidden;
   }

 div.data { /* adapted for use with pages without wrdp in body tag */
   clear: both;
   margin: 40px 0;
   width: 100%;
   overflow: hidden;
   }


.wrdp div.data div {
   width: auto;
   border: 1px solid #4e8abe;
   float: left;
   }

 div.data div { /* adapted for use with pages without wrdp in body tag */
   width: auto;
   border: 1px solid #4e8abe;
   float: left;
   }


.wrdp div.data div h6 {
   height: 20px;
   padding: 0px;
   margin: -15px 0px -10px 10px;
   overflow: hidden;
   position: absolute;
   }

 div.data div h6 { /* adapted for use with pages without wrdp in body tag */
   height: 20px;
   padding: 0px;
   margin: -15px 0px -10px 10px;
   overflow: hidden;
   position: absolute;
   }


.wrdp div.data div * {
   margin: 10px;
   }

 div.data div * { /* adapted for use with pages without wrdp in body tag */
   margin: 10px;
   }


.wrdp a.clicktoenlarge {
   background: transparent url(/webcms/groups/internet/documents/web_asset/img_clicktoenlarge_png.png) 0% 50% no-repeat;
   padding-left: 20px !important;
   display: block;
   clear: both;
   line-height: 20px;
   float: left;
   }

 a.clicktoenlarge { /* adapted for use with pages without wrdp in body tag */
   background: transparent url(/webcms/groups/internet/documents/web_asset/img_clicktoenlarge_png.png) 0% 50% no-repeat;
   padding-left: 20px !important;
   display: block;
   clear: both;
   line-height: 20px;
   float: left;
   }



.wrdp #col2 form table.quantities tr td {
   vertical-align: top;
   }

 #col2 form table.quantities tr td {  /* adapted for use with pages without wrdp in body tag */
   vertical-align: top;
   }



.wrdp #col2 form table thead tr td h3 {
   margin: 0px;
   }

 #col2 form table thead tr td h3 { /* adapted for use with pages without wrdp in body tag */
   margin: 0px;
   }



.wrdp #col2 form table.quantities tr td input.qty {
   width: 30px;
   color: #999;
   }

 #col2 form table.quantities tr td input.qty { /* adapted for use with pages without wrdp in body tag */
   width: 30px;
   color: #999;
   }



.wrdp table th.quantity-col {
   width: 5%;
   }

 table th.quantity-col { /* adapted for use with pages without wrdp in body tag */
   width: 5%;
   }


   
.wrdp table th.curriculum-col {
   width: 10%;
   }   

 table th.curriculum-col { /* adapted for use with pages without wrdp in body tag */
   width: 10%;
   } 


.wrdp #col2 form table tr td div.captionedimage,
.wrdp #col2 form table tr td div.captionedimage img {
   width: 100px;
   float: none;
   text-align: center;
   margin: auto;
   border: 0;
   }

 #col2 form table tr td div.captionedimage,
 #col2 form table tr td div.captionedimage img { /* adapted for use with pages without wrdp in body tag */
   width: 100px;
   float: none;
   text-align: center;
   margin: auto;
   border: 0;
   }



.wrdp #col2 dl {
   font-size: 120%;
   }
 #col2 dl { /* adapted for use with pages without wrdp in body tag */
   font-size: 120%;
   }
.wrdp #col2 dl dt {
   font-weight: bold;
   }

 #col2 dl dt { /* adapted for use with pages without wrdp in body tag */
   font-weight: bold;
   }

.wrdp #col2 dl dd {
   margin-left: 0px;
   margin-bottom: 5px;
   }

#col2 dl dd { /* adapted for use with pages without wrdp in body tag */
   margin-left: 0px;
   margin-bottom: 5px;
   }

.wrdp #col2 form fieldset {
   border-top: none;
   }


#col2 form fieldset { /* adapted for use with pages without wrdp in body tag */
   border-top: none;
   }


.wrdp #col2 form ul li input,
.wrdp #col2 form ul li select {
   margin-left: 0px !important;
   background-color: #EFEFEF;
   border:1px solid #CCCCCC;
   }

 #col2 form ul li input, 
 #col2 form ul li select { /* adapted for use with pages without wrdp in body tag */
   margin-left: 0px !important;
   background-color: #EFEFEF;
   border:1px solid #CCCCCC !important;
   }

.wrdp #col2 form ul li {
   float: left;
   width: 98%;
   border-top: 1px solid #ccc;
   }

 #col2 form ul li { /* adapted for use with pages without wrdp in body tag */
   float: left;
   width: 98%;
   border-top: 1px solid #ccc;
   }

.wrdp #col2 form ul li input,
.wrdp #col2 form ul li select {
   float: left;
   margin: 0px 10px 10px 10px;
   }
 #col2 form ul li input,
 #col2 form ul li select { /* adapted for use with pages without wrdp in body tag */
   float: left;
   margin: 0px 10px 10px 10px;
   }
.wrdp #col2 form ul li span.note {
   clear: both;
   float: left;
   display: block;
   width: 95%;
   }
 #col2 form ul li span.note { /* adapted for use with pages without wrdp in body tag */
   clear: both;
   float: left;
   display: block;
   width: 95%;
   }
.wrdp #col2 #content ol li {
   list-style-type: decimal !important;
   margin-left: 2.4em;
   }
   
 #col2 #content ol li { /* adapted for use with pages without wrdp in body tag */
   list-style-type: decimal !important;
   margin-left: 2.4em;
   }
   
.wrdp #content ul {
   margin-left: 1em;
   margin-bottom: 1em;
   }
 #content ul { /* adapted for use with pages without wrdp in body tag */
   margin-left: 1em;
   margin-bottom: 1em;
   }
.wrdp #content form ul {
   margin: 0;
   margin-bottom: 1em;
   }
   
 #content form ul { /* adapted for use with pages without wrdp in body tag */
   margin: 0;
   margin-bottom: 1em;
   }     
.wrdp #content .error ul {
   margin: 10px 0 10px 15px;
   font-size: .9em;
   }

.wrdp #col2 hr.clearme {
   clear: both !important;
   background-color: #fff;
   border: 0px solid #fff;
   height: 1px;
   }
 #col2 hr.clearme { /* adapted for use with pages without wrdp in body tag */
   clear: both !important;
   background-color: #fff;
   border: 0px solid #fff;
   height: 1px;
   }
.wrdp #col2 form ul.thumbnailform li {
   position: relative;
   min-height: 50px;
   height:auto !important;
   height:50px;
   clear: both;
   }
 #col2 form ul.thumbnailform li { /* adapted for use with pages without wrdp in body tag */
   position: relative;
   min-height: 50px;
   height:auto !important;
   height:50px;
   clear: both;
   }
.wrdp #col2 form ul.thumbnailform li input {
   margin-left: 70px !important;
   background-color: #fff !important;
   border: none !important;
   }
   
 #col2 form ul.thumbnailform li input {  /* adapted for use with pages without wrdp in body tag */
   margin-left: 70px !important;
   background-color: #fff !important;
   border: none !important;
   }

.wrdp #col2 form ul.thumbnailform li label {
   min-height: 50px;
   height: auto !important;
   height: 50px;
   margin-left: 94px;
   }

 #col2 form ul.thumbnailform li label { /* adapted for use with pages without wrdp in body tag */
   min-height: 50px;
   height: auto !important;
   height: 50px;
   margin-left: 94px;
   }

.wrdp #col2 form ul.thumbnailform li label strong {
   display: block;
   }
 #col2 form ul.thumbnailform li label strong { /* adapted for use with pages without wrdp in body tag */
   display: block;
   }
.wrdp #col2 form ul.thumbnailform div.captionedimage {
   height: 40px;
   width: 40px;
   float: left;
   position: absolute;
   top: 0px;
   }

 #col2 form ul.thumbnailform div.captionedimage { /* adapted for use with pages without wrdp in body tag */
   height: 40px;
   width: 40px;
   float: left;
   position: absolute;
   top: 0px;
   }

.wrdp #col2 form ul.thumbnailform div.captionedimage img {
   width: 40px;
   height: 40px;
   }

#col2 form ul.thumbnailform div.captionedimage img { /* adapted for use with pages without wrdp in body tag */
   width: 40px;
   height: 40px;
   }


.wrdp #col2 form ul.numerals input {
   width: 40px;
   float: left;
   }

 #col2 form ul.numerals input {  /* adapted for use with pages without wrdp in body tag */
   width: 40px;
   float: left;
   }


.wrdp #col2 form ul.numerals label {
   position: absolute;
   margin-left: 60px;
   }

 #col2 form ul.numerals label {  /* adapted for use with pages without wrdp in body tag */
   position: absolute;
   margin-left: 60px;
   }

.wrdp #col2 form ul.numerals li.numeralexception label {
   position: static !important;
   margin-left: 0px;
   float: left;
   clear: both;
   }
   
 #col2 form ul.numerals li.numeralexception label { /* adapted for use with pages without wrdp in body tag */
   position: static !important;
   margin-left: 0px;
   float: left;
   clear: both;
   }

.wrdp #col2 form ul.numerals li.numeralexception input {
   width: auto !important;
   }

 #col2 form ul.numerals li.numeralexception input { /* adapted for use with pages without wrdp in body tag */
   width: auto !important;
   }

.wrdp #col2 form ul.numerals li.numeralexception div {
   float: left;
   clear: both;
   margin-top: 10px;
   }

 #col2 form ul.numerals li.numeralexception div { /* adapted for use with pages without wrdp in body tag */
   float: left;
   clear: both;
   margin-top: 10px;
   }

.wrdp #col2 form ul.numerals li.numeralexception div label {
   width: 30px;
   }

 #col2 form ul.numerals li.numeralexception div label { /* adapted for use with pages without wrdp in body tag */
   width: 30px;
   }


.wrdp #col2 p.clearme {
   clear: both;
   }

#col2 p.clearme { /* adapted for use with pages without wrdp in body tag */
   clear: both;
   }


.wrdp #col2 h2.clearme {
   clear: both;
   }
 #col2 h2.clearme { /* adapted for use with pages without wrdp in body tag */
   clear: both;
   }
 
   
.wrdp #content .screen .sections ul li p a:hover {
   color: #FFF !important;
   }
 
 #content .screen .sections ul li p a:hover { /* adapted for use with pages without wrdp in body tag */
   color: #FFF !important;
   }
   
.wrdp sup {
   font-weight: normal;
   }

 sup { /* adapted for use with pages without wrdp in body tag */
   font-weight: normal;
   }
   
.wrdp h3 sup {
   font-size: .5em; 
   }

h3 sup { /* adapted for use with pages without wrdp in body tag */
   font-size: .5em; 
   }
   
/* ---------------------------------------------------
=Thickbox
Popup Javascript styles for Class Materials page
--------------------------------------------------- */

#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
   }

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
   }

#TB_window a:link { color: #666666; }
#TB_window a:visited { color: #666666; }
#TB_window a:hover { color: #000; }
#TB_window a:active { color: #666666; }
#TB_window a:focus{ color: #666666; }

#TB_overlay {
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
   }

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color: #000000;
	display: none;
	border: 4px solid #525252;
	text-align: left;
	top: 50%;
	left: 50%;
   }

#TB_window img#TB_Image {
	display: block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
   }

#TB_caption {
	height: 25px;
	padding: 7px 30px 10px 25px;
	float: left;
   }

#TB_closeWindow {
	height: 25px;
	padding: 11px 25px 10px 0;
	float: right;
   }

#TB_closeAjaxWindow {
	padding: 7px 10px 5px 0;
	margin-bottom: 1px;
	text-align: right;
	float: right;
   }

#TB_ajaxWindowTitle {
	float: left;
	padding: 7px 0 5px 10px;
	margin-bottom: 1px;
   }

#TB_title {
	background-color: #e8e8e8;
	height: 27px;
   }

#TB_ajaxContent {
	clear: both;
	padding: 2px 15px 15px 15px;
	overflow: auto;
	text-align: left;
	line-height: 1.4em;
   }

#TB_ajaxContent.TB_modal {
	padding: 15px;
   }

#TB_ajaxContent p {
	padding: 5px 0px 5px 0px;
   }

#TB_load {
	position: fixed;
	display: none;
	height: 13px;
	width: 208px;
	z-index: 103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
   }

#TB_HideSelect{
	z-index: 99;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	border: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height: 100%;
	width: 100%;
   }

#TB_iframeContent{
	clear: both;
	border: none;
	margin-bottom: -1px;
	margin-top: 1px;
	_margin-bottom: 1px;
   }