.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 100%; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 100%; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
background: #c5e395;
padding: 1px 10px;
border: 1px solid black;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
background-color: #fff;
}

.suckerdiv .subfolderstyle{
background: url(image/arrow-list.gif) no-repeat center right;
background-color: #c5e395;
}


A:link {
text-decoration:underline;
color:#FFFFFF;
}

A:visited {
text-decoration:underline;
color:#FFFFFF;
}

A:active {
text-decoration:underline;
color:#FFFFFF;
}

A:hover {
text-decoration:none;
color:#c5e395;
}


/* CSS for Main Table*/
/*--------------------------------------------------*/

.Main-Table
{
width: 800px;
border: 1px solid;
border-color:#FFFFFF;
border-collapse:collapse;																}

/* CSS for Nested Table*/

.hyperlink
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#1D6E8C;
font-weight:normal;
text-transform:none;
}

.hyperlink:A:link
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#1D6E8C;
font-weight:normal;
}

.hyperlink:A:Active
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#1D6E8C;
font-weight:normal;
}

.hyperlink:A:Hover
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:##1D6E8C;
font-weight:normal;
}


.Main-Nested-Table
{
width: 800px;
}

/* CSS for BACKGROUND */
/*--------------------------------------------------*/

body {
background-image:url('');
background-repeat:repeat-x;
background-color:#1c75a2;
}

/* CSS for Banner pane*/
/*--------------------------------------------------*/

.Banner
{
width: 800px;
height:185px;
background-color:#013668;
}

/* CSS for Top Row pane*/
/*--------------------------------------------------*/

.Top-Row
{
height: 74px;
width:800px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#000000;
background-image:url('image/Top-Row-bg-only.gif');
}

/* CSS for Top Row pane (RIGHT)*/

.Top-Right-Row
{
width: 390px;
height:14px;
padding-top:7px;
padding-bottom:7px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:bold;
text-align:right;
}

/* CSS for Top Row pane (LEFT)*/

.Top-Left-Row
{
width: 390px;
height:40px;
padding-left:10px;
padding-top:13px;
padding-bottom:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
font-weight:bold;
text-align:left;
}

/* CSS for BELOW Banner Pane*/
/*--------------------------------------------------*/

.Below-Banner-Row
{
height: 40px;
width:800px;
background-image:url('image/bottom-banner-row-bg.jpg');
}

.Below-Banner-Row-Left
{
height:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-transform:capitalize;
text-align:Left;
color:#FFFFFF;
padding-top:14px;
padding-bottom:14px;
padding-right:5px;
padding-left:10px;
}

.Menu_Text

{
width: 133px;
height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
text-transform:capitalize;
text-align:center;
color:#ffffff;
padding-top:9px;
padding-bottom:9px;
background-image:url('image/Top-Row-bg.gif');
}

.pop_it_menu a:hover{ /*hover background color*/
background-color: #CCFF9D;
}

#popitmenu{
position: absolute;
background-color: white;
border:1px solid black;
font: normal 10px Verdana;
line-height: 18px;
z-index: 100;
visibility: hidden;
padding-left:2px;

}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: black;
display: block;
font-weight:bold;
}

#popitmenu a:hover{ /*hover background color*/
background-color: #CCFF9D;
}

.Below-Banner-Row-Right
{

width: 260px;
height:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-transform:capitalize;
text-align:right;
color:#ffffff;
padding-top:14px;
padding-bottom:14px;
padding-right:5px;
}

.Below-Banner-Row-Right A:link
{
text-decoration:underline;
color:#ffffff;
}

.Below-Banner-Row-Right A:active
{
text-decoration:underline;
color:#ffffff;
}

.Below-Banner-Row-Right A:visited
{
text-decoration:underline;
color:#ffffff;
}

.Below-Banner-Row-Right A:hover
{
text-decoration:none;
color:#CCCCCC;
}

/* CSS for CONTENT PANE */
/*--------------------------------------------------*/

.Content-Pane
{
width:570px;
height:760px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#000000;
background-color:#FFFFFF;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
vertical-align:top;
}

/* CSS for NESTED CONTENT PANE */

.Nested-Content-Pane
{
width:570px;
height:560px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
text-align:left;
color:#000000;
padding-top:0px;
background-color:#FFFFFF;
vertical-align:top;
}

/* CSS for ABOVE Content Pane Row*/

.Above-Content-Pane-Row
{
height:5px;
width: 570px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:uppercase;
text-align:left;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
vertical-align:middle;
background-image: url('image/above_content_pane_bg.jpg');
color:#025581;
}

/* CSS for ABOVE Content Pane Row (LEFT)*/

.Above-Content-Pane-Row-Left
{
width: 470px;
height: 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
font-weight:bold;
text-align:left;
vertical-align:middle;
color:#205268;
}


/* CSS for ABOVE Content Pane Row (RIGHT)*/

.Above-Content-Pane-Row-Right
{
height: 5px;
width: 100px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-transform:capitalize;
text-align:center;
color:#000000;
}

.Above-Content-Pane-Row-Right A:link
{
text-decoration:underline;
color:#205268;
}

.Above-Content-Pane-Row-Right A:active
{
text-decoration:underline;
color:#205268;
}

.Above-Content-Pane-Row-Right A:visited
{
text-decoration:underline;
color:#205268;
}

.Above-Content-Pane-Row-Right A:hover
{
text-decoration:none;
color:#999999;
}


/* CSS for LEFT PANE */
/*--------------------------------------------------*/

.Left-Pane
{
width:200px;
background-image:url('image/Left-Pane-bg.jpg');
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#FFFFFF;
padding-left:2px;
}

.Left-Pane-Nested
{
width:198px;
background-image:url('image/Top-Row-bg.gif');
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
text-transform:capitalize;
font-weight:bold;
color:#FFFFFF;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
height:10px;
}


.Left-Pane-Box
{
width:106px;
height:115px;
background-image: url('image/L-P-BG.jpg');
padding-bottom:5px;
padding-left:45px;
padding-top:10px;
vertical-align:middle;
}

.Left-Pane-Menu
{
width:182px;
height:80px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
font-weight:bold;
color:#000000;
background-image: url('image/menu-BG.jpg');
padding-bottom: 10px;
padding-left:10px;
padding-top:10px;
vertical-align:middle;
border-bottom-width: 1px solid black;
}

/* CSS for BOTTOM CONTENT PANE */
/*--------------------------------------------------*/

.Bottom-Content-Row
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
height:10px;
padding-bottom:10px;
padding-top:10px;
padding-right:10px;
padding-left:10px;
text-align:left;
background-color:#FFFFFF;
}


/* CSS for FOOTER PANE */
/*--------------------------------------------------*/

.Footer
{
height: 38px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-align:center;
vertical-align:middle;
padding-bottom:19px;
padding-top:19px;
border:thin;
border:#FFFFFF;
background-image:url('image/permaflow-footer.jpg');
}


/* CSS for TEXTS */
/*--------------------------------------------------*/

.Green-Text
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#009900;
}

.Green-Text-Home-Page
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#009900;
}

.Plain-Text
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

.Title-Text
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
font-weight:bold;
color:#205268;
}

.Title-Text-White
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:Right;
font-weight:bold;
color:#ffffff;
}

.Title-Text-Red
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:Left;
text-transform:capitalize;
color:#FF0000;
}

.Title-Text-Red-Home-Page
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-align:Left;
text-transform:capitalize;
color:#FF0000;
}

.Title-Text-Availability
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
text-transform:capitalize;
color:#FF0000;
}

.Title-Text-Availability A:link
{
text-decoration:underline;
color:#205268;
}

.Title-Text-Availability A:active
{
text-decoration:underline;
color:#205268;
}

.Title-Text-Availability A:visited
{
text-decoration:underline;
color:#205268;
}

.Title-Text-Availability A:hover
{
text-decoration:none;
color:#999999;
}

.Text-bluefinder
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#205268;
}

.Text-bluefinder A:link
{
text-decoration:none;
color:#205268;
}

.Text-bluefinder A:active
{
text-decoration:none;
color:#205268;
}

.Text-bluefinder A:visited
{
text-decoration:none;
color:#205268;
}

.Text-bluefinder A:hover
{
text-decoration:none;
color:#999999;
}

.Text-City
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:capitalize;
text-align:left;
color:#205268;
}

.Text-City A:link
{
text-decoration:underline;
color:#205268;
}

.Text-City A:active
{
text-decoration:underline;
color:#205268;
}

.Text-City A:visited
{
text-decoration:underline;
color:#205268;
}

.Text-City A:hover
{
text-decoration:none;
color:#999999;
}

.Text
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#205268;
}

.Text A:link
{
text-decoration:underline;
color:#205268;
}

.Text A:active
{
text-decoration:underline;
color:#205268;
}

.Text A:visited
{
text-decoration:underline;
color:#205268;
}

.Text A:hover
{
text-decoration:none;
color:#999999;
}

/* CSS for ONLINE FORM*/
/*--------------------------------------------------*/

.Online-Health-Form
{
padding-bottom:10px;
padding-top:10px;
}

.Online-BG
{
width:560px;
background-image:url ('');
}

/* CSS for online-form*/

.Online-Form-Main-Box
{
height:600px;
width:595;
background-image:url('image/the_bluecross_blueshield_form_bg.gif');

}

.Online-Form
{
width:263px;
height:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-transform:capitalize;
text-align:left;
color:#2175bc;
padding-right:10px;
padding-left:10px;
padding-top:1px;
padding-bottom:3px;

}

/* CSS for Long Online Form */
/*--------------------------------------------------*/

..Nested-Content-Pane-Client_form
{
width:570px;
height:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#000000;
background-color:#FFFFFF;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
vertical-align:top;
}

.Online-Form-Box
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-transform:capitalize;
text-align:left;
font-weight:normal;
color:#000000;
background-color:##2175bc;
}

.Online-Form-client
{
width:570px;
height:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
text-transform:capitalize;
text-align:left;
margin-bottom:10px;
margin-top:10px;
color:#205268;;
}

.Online-Form-Client-Text
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-transform:capitalize;
text-align:left;
color:#2175bc;
padding-right:10px;
padding-left:10px;
padding-top:2px;
padding-bottom:2px;
height:15px;
}

.Online-Form-Client-Text-Title
{
height:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
text-align:left;
padding-left:10px;
color:#205268;
}

.Online-Form-client-Box
{
height:475px;
width:574px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-transform:capitalize;
text-align:left;
color:#2175bc;
background-image:url('image/blue-cross-blue-shield-form-bg.jpg');
}

.Online-Form-client-Row
{
width:287px;
height:15px;
}

.Online-Form-client-Row-DOB
{
width:270px;
height:15px;
}

.Online-Form-client-Row-Gender
{
width:65px;
height:15px;
}

.Online-Form-client-Row-Height
{
width:100px;
height:15px;
}

.Online-Form-client-Row-weight
{
width:65px;
height:15px;
}

.Online-Form-client-Row-Tobacco
{
width:70px;
height:15px;
}
.Online-Form-Box-Client
{
height:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-transform:capitalize;
text-align:left;
color:#205268;
background-color:#d8d8d8;
}

/* CSS for Long Online Form END*/
/*--------------------------------------------------*/

.Online-Form-Title
{
width:263px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-transform:capitalize;
text-align:left;
padding-right:10px;
padding-left:10px;
padding-top:2px;
padding-bottom:2px;
color:#ffffff;
}

.Online-Form-Box
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-transform:capitalize;
text-align:left;
color:#000000;
background-color:#d8d8d8;
}

.Online-Form-Box-Text
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
color:#205268;
}

.Online-Form-Box-Text A:link
{
text-decoration:underline;
color:#205268;
}

.Online-Form-Box-Text A:active
{
text-decoration:underline;
color:#205268;
}

.Online-Form-Box-Text A:visited
{
text-decoration:underline;
color:#205268;
}

.Online-Form-Box-Text A:hover
{
text-decoration:none;
color:#999999;
}

/* CSS for NAVIGATION */
/*--------------------------------------------------*/

#ddblueblockmenu{
border: 1px solid black;
border-bottom-width: 1px solid black;
width: 199px;
text-align:left;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#ddblueblockmenu li a{
display: block;
padding: 5px 0;
padding-left: 10px;
width: 193px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #4c97b9;
border-bottom: 1px solid #90bade;
border-left: 1px solid #1958b7	;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 198px; /*IE 5*/
width: 198px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color: #205268;
border-left-color: #1c64d1;
}

#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-image: url(image/Top_menu_bg.jpg);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
div{color:#000}
div{font-family:arial,sans-serif}
.g{margin:1em 0}
td{color:#000}
td{font-family:arial,sans-serif}
.j{width:34em}
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #003B6A;
}

/* CSS for RSS*/
/*--------------------------------------------------*/

.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;
}

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example2{ /*Demo 2 main container*/
width: 550px;
height: 180px;
border: 1px dashed black;
padding: 4px;
background-color: #black;
}

#example2 div ul{ /*Demo 2 UL container*/
margin: 0;
padding-left: 18px;
}

#example2 div ul li{ /*Demo 2 LI that surrounds each entry*/
margin-bottom: 4px;
}

code{ /*CSS for insructions*/
color: red;
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:capitalize;
font-weight:bold;
list-style-type: none;
color:#FFFFFF;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
color:#205268;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color:#FFFFFF;
background: white url(image/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color:#ffffff;
}

.shadetabs li a:hover{
text-decoration: underline;
color:#999999;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(image/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
width:545px;
height:500px;
}

.Div-Style-Client-Temp-Box
{
border:1px solid gray; 
width:545px; 
margin-bottom: 1em; 
padding: 10px;
}


.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-image:url(images/menu_green_bg.jpg);
color:#ffffff;
width:180px;
padding:7px;
text-align:left;
font-weight:bold;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
border:1px solid #000000;
}

.submenu{
margin-bottom: 5px;
background-image: url(images/green_bg_sub_menu.jpg);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
border:1px solid #000000;
padding:14px;
text-decoration:none;
text-align:left;
}
.style1 {color: #0000FF}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 2px;
left: -100px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 20px; /*position where enlarged image should offset horizontally */
}
















