/* COPS Update CSS begin 12 13 11*/

#rotator .ui-tabs-panel {height:190px;}

/* sidebgcolumn  and rightbgcolumn control width of area between page and window boundary*/
td.sidebgcolumn {width: 15px; display: none;}
td.rightbgcolumn {width: 15px; display: none; }

/*Use the ID tags to add a shadow image to the left and side of the entire page, these may not work in Firefox but does work in IE & Safari*/
#sidebgcolumn_left {width: 8px; display: none; background: url(/images/clientid_26/bluetheme/shadowleft.jpg) top left repeat-y;}
#sidebgcolumn_right {width: 8px; display: none; background: url(/images/clientid_26/bluetheme/shadow.jpg) top right repeat-y; }



/* These p tags control body text throughout the site */
p {color: #000000; font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 13px;line-height: 145%; }
p A {color: #008fd5; text-decoration: none;}
p A:link {color: #008fd5; text-decoration: none;}
p A:visited {color: #008fd5; text-decoration: none; }
p A:hover {color: #008fd5; text-decoration: underline; } 

/*body controls background color of the margins of main page*/
body{margin:0px; text-align: center; background: url(/images/clientid_195/COPS_Redesign/background.jpg) repeat-x top left #00b5ee; }
/* The following is the required elements for the large images, the margin left/right set to auto will center the site in firefox, safari, etc. 
The width of these areas is the same as the width of the images*/

/* Large background Images*/
.cs_bodybg_1 {background: url(/images/clientid_195/COPS_Redesign/background.jpg) repeat-x top left #00b5ee; width: 1000px; margin-right: auto; margin-left: auto; text-align: left;}
.cs_bodybg_2 {background: url(/images/clientid_195/COPS_Redesign/bg-utility.gif) no-repeat top center transparent; }
.cs_bodybg_3 {background-color: transparent; }


table.allresize_outer {width: 100%; padding: 0; margin-left: auto; margin-right: auto; text-align: center;} /* sets constant width based on span header image size */

/* centercolumn controls bkground color of main page*/
td.centercolumn {width: 100%; background-color: transparent;}

table.allresize {width: 100%; margin-top: 0px; padding-top: 0px;}  /* sets constant width based on span header image size */

#innerwrapper {background-color: #ffffff;}

table.bodyresize {width: 100%;}


/* additional font-size overrides */
p, .bodyresize li, .doc, td, td.doc, li.doc a, li.doc a:link, li.doc a:hover, li.doc a:visited {font-size: 13px; }
h1 {font-size: 15px; font-weight: bold; color: #008fd5; }

/*use these for expandable tables*/
/*these boxes (resourcebox and topicscenterbox) should have the same width as they are stacked on top of each other in topic centers*/

#resourcebox {width: 300px; border-color: transparent; background-color: transparent; }
#topicscenterbox {width: 300px; border-color: transparent; background-color: transparent;}

.allresize #pagewrapper {margin-top: 0px;}

#scroll2 {max-height: 450px; height:expression(this.scrollHeight > 450? "450px" : "auto" ); width:inherit; overflow:auto;} 


 /* Home Page */

/* pgheader is not in default.style.css - it controls background color behind the span header to allow page width to increase without insolating span header*/
#pgheader  {background-color: transparent; padding-right: 40px; padding-left: 40px; padding-top: 0px; }

INPUT.submit { background-color: #261e76; color: #FFFFFF; font-weight: 
bold;   }


/* Box Full Doc */
 /* this is the home page full document box (see document set_properties) */

#boxfulldoc { max-width:1530px; BACKGROUND-COLOR: transparent; border: none;}
/* overriding max width from default.style.css- was set to 530 - so bda site
can expand to wider pages */
/* otherwise the featured aricles box on home stopped growing early in
mozilla - ok on IE*/

 .headerfulldoc { FONT-WEIGHT: bold; FONT-SIZE: 15px; TEXT-TRANSFORM:
uppercase; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Helvetica, Arial,
sans-serif;
BACKGROUND-COLOR: #008fd5; TEXT-ALIGN: left}  

.textboxfulldoc { FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Verdana,
Helvetica,
Arial, sans-serif; BACKGROUND-COLOR: transparent }
 .textboxfulldoc P { COLOR: #000000; }
 .textboxfulldoc A { COLOR: #008fd5; TEXT-DECORATION: none }
 .textboxfulldoc A:link { COLOR: #008fd5; TEXT-DECORATION: none }
 .textboxfulldoc A:visited { COLOR: #008fd5; TEXT-DECORATION: none }
 .textboxfulldoc A:hover { COLOR: #008fd5; TEXT-DECORATION: underline }

 /* Box 1 */
 #box1 {border-color: transparent; border-style: none; background-color: transparent;}
 .header1 { background-color: #008fd5; FONT-WEIGHT: bold; FONT-SIZE: 15px; TEXT-TRANSFORM: uppercase; COLOR: #FFFFFF;
FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; TEXT-ALIGN: left; }


 .textbox1 { FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left }
 .textbox1 A { COLOR: #008fd5; TEXT-DECORATION: none; FONT-SIZE: 14px; }
 .textbox1 A:link { COLOR: #008fd5; TEXT-DECORATION: none; FONT-SIZE: 14px; }
 .textbox1 A:visited { COLOR: #008fd5; TEXT-DECORATION: none; FONT-SIZE: 14px; }
 .textbox1 A:hover { COLOR: #008fd5; TEXT-DECORATION: underline; FONT-SIZE: 14px; }


 /* Box 2 */
 #box2 { max-width:1530px; border: none; background-color: transparent;}
/* overriding max width from default.style.css- was set to 530 - so bda site can expand to wider pages */
/* otherwise the featured aricles box on home stopped growing early in mozilla - ok on IE */

 .header2 { FONT-WEIGHT: bold; FONT-SIZE: 15px; TEXT-TRANSFORM:
uppercase; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; 
BACKGROUND-COLOR: #008fd5; TEXT-ALIGN: left; text-align: right; } 

.textbox2 { FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; FONT-SIZE: 14px; }
 .textbox2 p { FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif; BACKGROUND-COLOR:transparent; TEXT-ALIGN: left; FONT-SIZE: 14px; }
 .textbox2 A { COLOR: #008fd5; TEXT-DECORATION: none; FONT-SIZE: 14px; }
 .textbox2 A:link { COLOR: #008fd5; TEXT-DECORATION: none; FONT-SIZE: 14px; }
 .textbox2 A:visited { COLOR: #008fd5; TEXT-DECORATION: none; FONT-SIZE: 14px; }
 .textbox2 A:hover { COLOR: #008fd5; TEXT-DECORATION: underline; FONT-SIZE: 14px; }

 .editorialtitle
{ FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #442B1B; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif }


 /* Box 3 */
 #list0 { BACKGROUND-color: #ffffff; }
 #list1 { BACKGROUND-color: #ffffff; }
 #list2 { BACKGROUND-color: #ffffff; }

  P.sidebar {background-color: transparent; PADDING-RIGHT: 3px; PADDING-LEFT: 0px; FONT-SIZE: 15px;
PADDING-BOTTOM: 6px; COLOR: #ffffff; font-weight: bold; PADDING-TOP: 6px; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif; width: 200px;}
 .sidebar A { COLOR: #000000; TEXT-DECORATION: none; font-weight: normal; font-size: 14px; }
 .sidebar A:link { COLOR: #000000; TEXT-DECORATION: none; font-weight: normal; font-size: 14px; }
 .sidebar A:visited { COLOR: #000000; TEXT-DECORATION: none; font-weight: normal; font-size: 14px; }
 .sidebar A:hover { COLOR: #008fd5; TEXT-DECORATION: underline; font-weight: normal; font-size: 14px; }
 .sidebar IMG {width: 173px;}

 .sidebartitle {background-color: transparent; width: 200px; BORDER-BOTTOM: transparent 3px solid; margin-left: 4px; padding-left: 5px; text-align: center; }

.sidebar {background: url(/images/clientid_195/COPS_Redesign/RMTitle.jpg) repeat-x top left transparent; border: transparent 0px solid;}

.sidebarspacer {background: url(/images/clientid_195/COPS_Redesign/li-arrows.gif) left center no-repeat;
padding-left: 10px; margin-bottom: 10px; margin-left: 2px;}


 /* The address tag controls the client contact info area of Box 3 */
  /* set so same width as P.sidebar so address matches width of lists */
  address {width=200px;}

#contact_info {width: 200px;}

 /* Footer */
 .footer  { FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: transparent; TEXT-ALIGN: center; padding-bottom: 25px; }
 .footer A { COLOR: #008fd5; TEXT-DECORATION: none }
 .footer A:link { COLOR: #008fd5; TEXT-DECORATION: none }
 .footer A:visited { COLOR: #008fd5; TEXT-DECORATION: none }
 .footer A:hover { COLOR: #008fd5; TEXT-DECORATION: underline }

/* this will change the color of the horizontal rule above the footer*/
.footer hr {color: #008fd5; size: 2;}

/* Idx=Topics Page */

 /* Box 1 */
 .topics_display_topicstext { FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-TRANSFORM: uppercase; COLOR: #ffffff;
FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #0c7c64;
TEXT-ALIGN: left }

 .topics_display_tr  { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #ffffff;
FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #0c7c64;
TEXT-ALIGN: left }
 .topics_display_tr A { COLOR: #FFFFFF; TEXT-DECORATION: none  }
 .topics_display_tr A:link { COLOR: #FFFFFF; TEXT-DECORATION: none  }
 .topics_display_tr A:visited { COLOR: #FFFFFF; TEXT-DECORATION: none  }
 .topics_display_tr A:hover { COLOR: #FFFFFF; TEXT-DECORATION: underline }

.topicbody p {margin-left: 5px;}
.topicbody A:link, .topicbody A:visited, .topicbody A:hover {color: #008fd5;}

 /* Topic Home Page */

td.topicheader, a.topicheader:link, a.topicheader:active, a.topicheader:visited, 
{
        background: url(/images/clientid_195/COPS_Redesign/bg-h2.jpg) repeat-x #008fd5; 
        color:#ffffff; font-weight: bold;  
        font-family: Verdana, Helvetica, Arial, sans-serif;  font-size: 15px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding: 3px;
	text-decoration: none;
}


a.topicheader:hover
{       text-decoration: underline; }


A.nextprev:link {color: #008fd5;}
A.nextprev:visited {color: #008fd5;}
A.nextprev:hover {color: #008fd5;}

.nextprev_left {border: none;}
.nextprev_right {border: none;}

.comment_container {border: none;}
#social_box {border:none;}

td.doc A:link {color: #008fd5;}
td.doc A:visited {color: #008fd5;}
td.doc A:hover [color: #008fd5;}

li.doc A {color: #000000;}
li.doc A:link {color: #000000;}
li.doc A:hover {color: #000000;}
li.doc A:visited {color: #000000;}

.resourcetitle {color: #008fd5;}

.faq_item_title A {color: #008fd5;}

#navigation {background-color: transparent;}

/*The left sider will require the following margins*/
/*#boxfulldoc {margin-left: 5px;}
#box1 {margin-left: 5px;}
#box2 {margin-left: 5px;}
#cs_contentbox {margin-left: 5px;}
.bodyresize {margin-left: 5px;}*/

.topicbody {background-color: transparent;}

/*Backgrounds for document headings*/
.header1, .headerfulldoc, .header2 { background: url(/images/clientid_195/COPS_Redesign/bg-h2.jpg) #008fd5 center top repeat-x;}

