/*  Stylesheet for Philadelphia Insurance Companies
--------------------------------------------------------
File Name: phly_main.css
Media: Screen
-------------------------------------------------------- */


/*  --------------------------------------------------------------------------- 
    STANDARD HTML DOCUMENT ELEMENTS
    --------------------------------------------------------------------------- */
*
{
    margin: 0px;
    padding: 0px;
}
body
{
    background: #FFFFFF;
    color: #000000;
    margin: 0px 0px 15px 0px;
    font-family: Arial, Helvetica, sans-serif;
}



/*  --------------------------------------------------------------------------- 
    STANDARD HTML BLOCK ELEMENTS
    --------------------------------------------------------------------------- */
a img
{
    border: 0px none;
}




/*  ---------------------------------------------------------------------------
    STANDARD HTML LIST ELEMENTS
    --------------------------------------------------------------------------- */
li
{
    font-family: Arial, Helvetica, sans-serif;
}
ol
{
    font-family: Arial, Helvetica, sans-serif;
}
ul
{
    font-family: Arial, Helvetica, sans-serif;
}

/* dd 
        {   font-family: Arial, Helvetica, sans-serif; }
    dt 
        {   font-family: Arial, Helvetica, sans-serif; }
    dl 
        {   font-family: Arial, Helvetica, sans-serif; } */



/*  --------------------------------------------------------------------------- 
    STANDARD HTML TABLE ELEMENTS
    --------------------------------------------------------------------------- */
table
{
    width: 100%;
    margin: 5px 0px 15px 0px;
    font-size: 11px;
    border-collapse: collapse;
    border-top: 1px dashed #3366cc;
    border-right: 2px solid #3366cc;
    border-bottom: 1px dashed #3366cc;
    border-left: 2px solid #3366cc;
}
table a
{
    text-decoration: none;
}
table a:hover
{
    text-decoration: underline;
}
th
{
    padding: 5px 5px 5px 5px;
    text-align: left;
    color: #3366cc;
    border-bottom: 4px double #c7d1c6;
    background: #ffffff;
    vertical-align: bottom;
}

td
{
    padding: 2px 7px 2px 7px;
    text-align: left;
    border-bottom: 1px solid #c7d1c6;
    background: #ffffff;
}

.centerRadioButton
{
   margin-left: auto;
   margin-right: auto;
}

/*  --------------------------------------------------------------------------- 
    STANDARD HTML FORM ELEMENTS
    --------------------------------------------------------------------------- */
textarea
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
}
button
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
}
select
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
}
input
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
}
fieldset
{
    font-size: 11px;
    color: #666666;
    border: 0px;
    padding: 10px;
}
legend
{
    font-size: 13px;
    font-weight: bold;
    color: #134074;
    margin: 0px 0px 2px -10px;
}

select
{
    border: 1px solid #3366cc;
    padding: 0px 0px 0px 5px;
}


/*  --------------------------------------------------------------------------- 
    CUSTOM FORM ELEMENTS
    --------------------------------------------------------------------------- */
.inputbox
{
    border: 1px solid #3366cc;
    margin: 2px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
    background-color: #ffffff;
}
.selectboxwithbutton
{
    border: 1px solid #3366cc;
    margin: 4px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
    background-color: #ffffff;
}
.inputboxwithbutton
{
    border: 1px solid #3366cc;
    margin: 4px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
    background-color: #ffffff;
}
.inputboxbutton /* Button with an inputbox next to it */
{
    margin: 0px 0px 0px 3px;
    padding: 0px;
    vertical-align: bottom;
    border: none;
}
.selectboxbutton /* Button with a selectbox next to it */
{
    margin: 2px 0px 0px 0px;
    padding: 0px;
    vertical-align: top;
    border: none;
}

.gobutton
{
    margin: -4px 0px 0px 0px;
    position: relative;
    top: 5px;
}



/*  --------------------------------------------------------------------------- 
    CUSTOM HTML BLOCK ELEMENTS
    Note: tags with more link will not work if on a line by itself when displayed on page.
    --------------------------------------------------------------------------- */
a.morelink
{
    text-decoration: none;
    padding: 0px 13px 0px 0px;
    background: url(../images/icons/morelink.gif) no-repeat 100% 4px;
}
a.morelink:hover
{
    background: url(../images/icons/morelink_on.gif) no-repeat 100% 4px;
}

/*  --------------------------------------------------------------------------- 
    CUSTOM TEXT ELEMENTS
    --------------------------------------------------------------------------- */
.medium
{
    font-size: 11px;
    font-weight: bold;
    color: Navy;
}

.disclaimer
{
    font-size: 11px;
    color: #666666;
}

/*  Block Text Elements
        ------------------------------- */
div.red-rule /* Red dashed border use with div tag */
{
    border-top: 1px dashed #cc0000;
    height: 1px;
    margin: 20px 0px;
}
div.pageheaderHolder /*No header image, but a placeholder is needed to represent it*/
{
    padding-top: 40px;
}


/*  Header Text Elements
        ------------------------------- */
h2.actionhistory
{
    padding-left: 7px;
}


/*  Span Elements
        ------------------------------- */
span.viewall
{
    font-weight: normal;
    padding-left: 10px;
    font-size: 11px;
    color: #666666;
}
span.required
{
    color: #FF0000;
}
span.errormsg
{
    color: #FF0000;
}
span.success
{
    color: #FF0000;
}
span.message
{
    color: #000000;
    font-size: 13px;
}
span.normsizefont
{
    font-size: 12px;
}
span.lgsizefont
{
    font-size: 13px;
}
span.label
{
    font-weight: bold;
}

span.transparentradios table
{
    border: none 0px;
    margin: 0px;
}
span.transparentradios .label
{
    padding: 3px;
}
span.transparentradios table td
{
    border: none 0px;
    background-color: Transparent;
    white-space: nowrap;
}
span.transparentradios table label
{
    padding-left: 3px;
}

/*  --------------------------------------------------------------------------- 
    CUSTOM TABLE ELEMENTS
    --------------------------------------------------------------------------- */
table td.tablefooter
{
    border-bottom: none;
    padding: 5px 10px 5px 10px;
}
table td.tablefooter a
{
    position: relative;
    bottom: 5px;
}
table th.noborders
{
    border: none;
}
table td.noborders
{
    border: none;
}
table td.leftborder
{
    border-left: 1px solid #c7d1c6;
}
table td.nopadding
{
    padding: 0px;
    border: none;
}
div.transparentitem table
{
    border: 0px;
}
div.transparentitem table td
{
    border: 0px;
}
td.transparentitem table
{
    border: 0px;
}
table.transparentitem td
{
    border: 0px;
}
table label
{
    padding: 3px;
}

/*  --------------------------------------------------------------------------- 
    CUSTOM TABLE SECTIONS
    The sections also have accompanying elements for the sections (p, div, a, etc. tags)
    --------------------------------------------------------------------------- */

/*  Transparent Table
        Transparent background, no borders, no padding
        ------------------------------- */
.transparenttable
{
    font-size: 11px;
    margin: 0px 0px 0px 0px;
    border: none 0px;
}
.transparenttable table
{
    width: auto;
    border: none 0px;
}
.transparenttable th
{
    padding: 0px 0px 0px 0px;
    text-align: left;
    color: inherit;
    border-bottom: none;
    background: inherit;
    vertical-align: bottom;
}

.transparenttable td
{
    padding: 0px 0px 0px 0px;
    text-align: left;
    border-bottom: none;
    background: none;
}

/*  Product Search table
         ----------------------------  */
.productsearch
{
    font-size: 11px;
    margin: 20px 0px 20px 0px;
    background: #FFFFFF;
    border: solid 5px #999CCC;
}



.productsearch td
{
    padding: 10px 0px 0px 20px;
    text-align: left;
    vertical-align: top;
    border-bottom: none;
    background: none;
}

/*  Product PAGE Search table (Added ddillon 2.2.2011)
         ----------------------------  */

.productsearch2
{
    font-size: 11px;
    margin: 10px 0px 10px 0px;
    background: #33589F;
    background: -moz-linear-gradient(center bottom , #2A4187 0pt, #3B69B1 100%) repeat scroll 0 0 transparent;
    -moz-border-radius: 6px 6px 6px 6px;
    border: none;
    /*width: 600px;*/
    clear: both;
    float: left;
}

.productsearch2 td
{
    padding: 6px;
    text-align: left;
    vertical-align: top;
    border-bottom: none;
    background: none;
}

.inputbox2
{
    -moz-border-radius: 5px 5px 5px 5px;
    background: url("../images/buttons/icon-search.png") no-repeat scroll 7px center #FFFFFF;
    float: left;
    padding: 2px 0 0 36px; /*width:288px;*/
    border: medium none;
    font-size: 16px;
    height: 29px;
    line-height: 25px;
    outline: medium none;
}

.gobutton2
{
    position: relative;
    float: left;
    height: 33px;
    margin: 0 0 0 6px;
    width: 37px;
}

#contain1
{
    margin: 0;
    padding: 0;
    clear: both;
}

#ChatLive
{
    width: 150px;
    margin: 0 0 0 0;
    float: left;
}

#contactProd
{
    float: right;
    margin: 0;
    padding: 0;
}

#contain2
{
    margin: 0;
    padding: 0;
    clear: both;
}

#contain2 h2
{
    color: #CC0000;
    font-family: Arial,Verdana,Georgia,Sans-Serif;
    font-size: 18px;
}

#contain2 a
{
}

#commLine1
{
    float: left;
    width: 306px;
    margin: 0;
}

#commLine2
{
    float: right;
    width: 306px;
    margin-right: 0;
}

#contain3
{
    margin: 0;
    padding: 0;
    /*clear: both;*/
}
#contain3 h2
{
    color: #CC0000;
    font-family: Arial,Verdana,Georgia,Sans-Serif;
    font-size: 18px;
}
.toplink 
{
    clear:both;
    margin:0;
    padding:0;
    width:;
    float:right;
    }
.spacer
{
    height:10px;
    clear:both;
    margin:0;
    padding:0;
}
.spacer2
{
    height:15px;
    clear:both;
    margin:0;
    padding:0;
}
.spacer3
{
    height:20px;
    clear:both;
    margin:0;
    padding:0;
}
.spacerSM
{
    height:0;
    clear:both;
    margin:0;
    padding:0;
}
.ie7margin 
{
    margin-bottom:5px;
}
#bevelShadow 
{
    width:643px;
    height:162px;
    background:url("../images/background/bevelShadow.jpg") no-repeat #FFFFFF;
    margin:0;
    padding:0;
}
.bevelSmall 
{ 
	width:309px;     
    background:url("../images/background/bevelShadow_small.png") no-repeat;
    margin:0;
    padding:0;
}
#contain4
{
    margin: 0 0 0 15px;
    padding: 0;
/*    clear: both;*/
    float: left;
    width: 251px;
}
#contain4 h2
{
    color: #CC0000;
    font-family: Arial,Verdana,Georgia,Sans-Serif;
    font-size: 18px;
}
#lossCntrl
{
    margin: 0 10px 0 0;
    padding: 0;
 /*   clear: both;*/
    float: right;
    width: 296px;
}
#lossCntrl h2
{
    color: #CC0000;
    font-family: Arial,Verdana,Georgia,Sans-Serif;
    font-size: 18px;
    margin:0 0 7px 0;
}
.container5
{
    margin: 0 10px 0 0;
    padding: 0;
 /*   clear: both;*/
    float: right;
    width: 296px;
}
.container5 h2
{
    color: #CC0000;
    font-family: Arial,Verdana,Georgia,Sans-Serif;
    font-size: 18px;
    
}
#VFIB
{
    margin: 0 0 0 15px;
    padding: 0;
    clear: both;
    float: left;
    width: 251px;
}
#VFIB h2
{
    color: #CC0000;
    font-family: Arial,Verdana,Georgia,Sans-Serif;
    font-size: 18px;
    margin:0 0 7px 0;
}
#content #commLine1 .collapsableTitleStartCollapsed
{
    background: url("../images/buttons/boxCollapsed.jpg") no-repeat #FFFFFF;
    height: 30px;    
    width: 306px;
    cursor:pointer;
}
#content #commLine2 .collapsableTitleStartCollapsed
{
    background: url("../images/buttons/boxCollapsed.jpg") no-repeat #FFFFFF;
    height: 30px;    
    width: 306px;
    cursor:pointer;
}
.collapsableTitleStartCollapsed h2
{
    color: #1443A1;
    font-family: Arial,Verdana,Georgia,Sans-Serif;
    font-size: 16px;
    padding: 5px 0 0 25px;
    margin: 5px 0 0;
}
.collapsableTitleStartOpened h3
{
    color: #1443A1;
    font-family: Arial,Verdana,Georgia,Sans-Serif;
    font-size: 16px;
    padding: 5px 0 0 25px;
    margin: 5px 0 0;
}

.collapsable
{
    background: #FFF;
    width: 306px;
    margin-bottom:5px;
    padding:5px 0 0 0;
}
#FAQ_container .collapsableTitleStartOpened
{
    background: url("../images/buttons/exMinus.gif") no-repeat 5px 10px #FFFFFF;    
    width: 100%;
    
}
#FAQ_container .collapsableTitleStartCollapsed
{          
    background: url("../images/buttons/exPLus.gif") no-repeat 5px 10px #FFFFFF;
    padding: 5px;
    border-bottom: solid 3px #0020DF;   
    width: 100%;
    cursor:pointer;    
    -moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px; 
}


#FAQ_container .collapsableTitleStartCollapsed h3
{
    color: #1443A1;
    font-family: Arial,Verdana,Georgia,Sans-Serif;
    font-size: 1 em;
    padding: 0px 0 0 20px;
    margin: 0 0 5px 0px;
    
}

#FAQ_container .collapsable
{
    background: #FFF;
    width: 95%;
    margin-bottom:5px;
    padding: 5px 5px 0 20px;
}
#content .collapsable ul li
{
    padding-left: 20px;
    margin: 0 0 0 10px;
    list-style: none;
    background: no-repeat 0px 4px;
}
#content #contain4 ul li
{
    padding-left: 0;
    margin: 0 0 0 10px;
    list-style: none;
    background: no-repeat 0px 4px;
}
#content .container5 ul li
{
    padding-left: 0;
    margin: 0 0 0 10px;
    list-style: none;
    background: no-repeat 0px 4px;
}
#content #VFIB ul li
{
    padding-left: 0;
    margin: 0;
    list-style: none;
    background: no-repeat 0px 4px;
}
#content #contactProd ul li
{
    padding-left: 0;
    margin: 0;
    list-style: none;
    background: no-repeat 0px 4px;
}
/*
.collapsable ul
{
    margin-left: 10px;
}
*/
@media print { .toplink { display: none; } } 

#content ul.prodHome li
{
    padding: 0px 0px 0px 20px; /* bottom padding to because of document icon */
    margin-top: 0px;
    list-style: none none;
    font-size: 12px;
    font-weight: bolder;
    background: url(../images/lists/bell_trans.gif) no-repeat top left;
}

/*  Outer Table
        Usually used with grid items - a bordered table
        Note: Outertable Div and Table elements here
        ------------------------------- */
div.outertable
{
    background: #ffffff;
    margin: 5px 0px 15px 0px;
    padding: 0px;
    border-top: 1px dashed #3366cc;
    border-right: 2px solid #3366cc;
    border-bottom: 1px dashed #3366cc;
    border-left: 2px solid #3366cc;
}
div.outertable div.heading
{
    padding: 5px 5px 5px 5px;
    text-align: left;
    color: #3366cc;
    border-bottom: none;
    background: #ffffff;
    vertical-align: bottom;
}
table.outertable
{
    width: 100%;
    font-size: 12px; /*font-size: 11px;*/ /*margin: 5px 0px 15px 0px; border-collapse: collapse; border-top: 1px dashed #3366cc; border-right: 2px solid #3366cc; border-bottom: 1px dashed #3366cc; border-left: 2px solid #3366cc;*/
}
table.outertable a
{
    text-decoration: none;
}
table.outertable a:hover
{
    text-decoration: underline;
}
table.outertable .viewall
{
    font-weight: normal;
    font-size: 11px;
    color: #666666;
}
table.outertable th
{
    padding-bottom: 10px;
    padding-top: 5px; /*padding: 2px 5px 2px 5px;*/
    text-align: left;
    color: #3366cc;
    border-bottom: none;
    background: #ffffff;
    vertical-align: bottom;
}

table.outertable td
{
    padding: 0px;
    text-align: left; /*border-bottom: none;*/
    border: none;
    background: #ffffff;
}



/*  Inner Table        
        Usually used with grid items & paired inside table.outertable
        NOTE: Innertable Div and Table elements here
        ------------------------------- */
div.innertable
{
    background: #ffffff;
    margin: 0px;
    padding: 2px 7px 2px 7px;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
}
table.innertable
{
    width: 100%;
    font-size: 11px;
    margin: 0px;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
}
table.innertable a
{
    text-decoration: none;
}
table.innertable a:hover
{
    text-decoration: underline;
}
table.innertable th
{
    padding: 2px 5px 2px 5px;
    text-align: left;
    color: #3366cc;
    border-bottom: 4px double #c7d1c6;
    background: #ffffff;
    vertical-align: bottom;
}

table.innertable td
{
    padding: 2px 7px 2px 7px;
    margin: 0px;
    text-align: left;
    border-bottom: 1px solid #c7d1c6;
    background: #ffffff;
}


/*  White Content Table
        ------------------------------- */
.whitecontentblock table
{
    position: relative;
    background: #ffffff;
    border-top: 1px dashed #3366cc;
    margin: 5px 0px 15px 0px;
    padding: 10px 10px 10px 5px;
    border-right: 2px solid #3366cc;
    border-bottom: 1px dashed #3366cc;
    border-left: 2px solid #3366cc;
}
.whitecontentblock select
{
    padding: 0px 0px 0px 5px;
    border: 1px solid #3366cc;
    color: #666666;
}
.whitecontentblock a
{
    font-size: 10px;
    text-decoration: none;
}
.whitecontentblock a:hover
{
    text-decoration: underline;
}
.whitecontentblock h1
{
    font-size: 18px;
    font-weight: normal;
    color: #003d7d;
    margin: 0px 10px 10px 0px;
    clear: both;
}
td.whitecontentblock dl
{
    float: left;
    margin: 0px;
    padding: 0px;
    position: relative;
    top: 0;
}
td.whitecontentblock dl:after
{
    content: "";
    display: block;
    height: 0;
    clear: both;
}
td.whitecontentblock dl
{
    height: 100%;
}
td.whitecontentblock dl dt
{
    float: left;
    margin: 0px;
    padding: 0px;
    display: block;
    text-align: right;
}
td.whitecontentblock dl dd
{
    float: left;
    margin: 0px;
    padding: 0px 0px 5px 0px;
    display: block;
}


/*  Links For You 
        Specific table elements - primarily column width
        ------------------------------- */
table.linksforyou
{
    width: 636px;
}
table.linksforyou th h1
{
    float: left;
}
table.linksforyou td
{
    border-bottom: solid 1px #C7D1C6;
    padding-right: 0px;
    padding-left: 0px;
}
table.linksforyou img.askus
{
    padding-left: 100px;
}
table.linksforyou ul.bluearr li ul
{
    list-style-type: none;
}
table.linksforyou ul.bluearr li ul li
{
    border-bottom: solid 1px #c7d1c6;
}



/*  Change Password 
        Specific table elements - primarily column width
        ------------------------------- */
table.changepw
{
    width: 636px;
}
table.changepw td.col1
{
    width: 150px;
}
table.changepw td.col2
{
    width: 100px;
}
table.changepw td.col3
{
    width: 386px;
}
table.changepw td.tablefooter
{
    text-align: right;
}


/*  Profile User Information
        Specific table elements - primarily column width
        ------------------------------- */
table.userinfo
{
    width: 636px;
}
td.col3
{
    width: 100px;
}
table.userinfo td.col1
{
    width: 100px;
}
table.userinfo td.col2
{
    width: 233px;
}
table.userinfo td.col4
{
    width: 203px;
}
table.userinfo td.tablefooter
{
    text-align: left;
    font-size:13px;
}


/*  Profile Billing Preference
        Specific table elements - primarily column width
        ------------------------------- */
table.billpref
{
    width: 636px;
}
table.billpref td.col1
{
    width: 100px;
}
table.billpref td.col2
{
    width: 536px;
}
table.billpref td.tablefooter
{
    text-align: right;
}

/*  Profile Submission Email Preference
        Specific table elements - primarily column width
        ------------------------------- */
table.submEmail
{
    width: 636px;
}
table.submEmail td.col1
{
    width: 80px;
}
table.submEmail td.col2
{
    width: 536px;
}
table.submEmail td.tablefooter
{
    text-align: right;
}

/*  Profile Commissions
        Specific table elements - primarily column width
        ------------------------------- */
table.commissions
{
    width: 636px;
}
table.commissions td.col1
{
    width: 100px;
}
table.commissions td.col2
{
    width: 536px;
}
table.commissions td.tablefooter
{
    text-align: right;
}


/*  Administrator (Roles of users, User stats)
        Specific table elements - primarily column width
        ------------------------------- */
table.roles
{
    width: 636px;
}
table.roles td.col1
{
    width: 150px;
}
table.roles td.col2
{
    width: 486px;
}


/*  Administrator Email Check
        Specific table elements - primarily column width
        ------------------------------- */
table.emailcheck
{
    width: 636px;
}
table.emailcheck td.col1
{
    width: 150px;
}
table.emailcheck td.col2
{
    width: 486px;
}


/*  Profile Change Email
        Specific table elements - primarily column width
        ------------------------------- */
table.emailchange
{
    width: 636px;
}
table.emailchange td.col1
{
    width: 170px;
}
table.emailchange td.col2
{
    width: 10px;
}
table.emailchange td.col3
{
    width: 456px;
}


/*  Claims Search & Policy Search
        Specific table elements - primarily column width
        ------------------------------- */
table.claimsearch
{
    width: 626px;
    margin-left: 7px;
    padding: 0px;
    border: 0px;
}
table.claimsearch td.col1
{
    width: 100px;
}
table.claimsearch td.col2
{
    width: 150px;
}
table.claimsearch td.col3
{
    width: 320px;
}

table.policysearch
{
    width: 633px; /*margin-left: 7px;*/
    margin-left: 0px;
    padding: 0px;
    border: 0px;
}
table.policysearch td.col1
{
    width: 250px;
}
table.policysearch td.col2
{
    width: 100px;
}
table.policysearch td.col3
{
    width: 250px;
}


/*  Claims Summary
        Specific table elements - primarily column width
        ------------------------------- */
table.claimsummary
{
    width: 633px;
}
td.col3
{
    width: 143px;
}
table.claimsummary td.col1
{
    width: 143px;
}
td.col4
{
    width: 170px;
}


table.claimsummary td.col2
{
    width: 170px;
}


/*  Policy Summary
        Specific table elements - primarily column width
        ------------------------------- */
table.policysummary
{
    width: 633px;
}
table.policysummary td.col1
{
    width: 100px;
}
table.policysummary td.col2
{
    width: 260px;
}
table.policysummary td.col3
{
    width: 110px;
}
table.policysummary td.col4
{
    width: 163px;
}


/*  Profile Request Address Change
        Specific table elements - primarily column width
        ------------------------------- */
table reqaddchange
{
    width: 633px;
}
table.reqaddchange td.col1
{
    width: 120px;
}
table.reqaddchange td.col2
{
    width: 10px;
}
table.reqaddchange td.col3
{
    width: 490px;
}


/*  Custom Report - Specific table column properties
        Specific table elements - primarily column width
        ------------------------------- */
table.customreport
{
    width: 633px;
}
table.customreport td.col1
{
    width: 150px;
}
table.customreport td.col2
{
    width: 10px;
}
table.customreport td.col3
{
    width: 473px;
}


/*  Reports
        Specific table elements - primarily column width
        ------------------------------- */
table.reports
{
    width: 633px;
    font-size: 13px;
}
table.reports td.agents
{
    padding-left: 15px;
}
table.reports td span.agencynames table
{
    border: none;
    font-size: 13px;
}
table.reports td span.agencynames table td
{
    border: none;
}
table.reports td table.accidentyr td
{
    border: none;
}
table.reports td table.accidentyr
{
    border: none;
    font-size: 13px;
}
table.reports td table.accidentyr td.col1
{
    width: 150px;
}
table.reports td table.accidentyr td.col2
{
    width: 483px;
}
table.reports td table.reportcl td
{
    border: none;
}
table.reports td table.reportcl
{
    border: none;
    font-size: 13px;
}
table.reports td table.reportdo td
{
    border: none;
}
table.reports td table.reportdo
{
    border: none;
    font-size: 13px;
}


/*  New User Section
        Specific table elements - primarily column width
        NOTE: Newuser Div and Table elements here
        ------------------------------- */
div.newuser
{
    background: #ffffff;
    margin: 0px;
    padding: 7px 7px 2px 7px;
    border-top: 1px dashed #3366cc;
    border-right: 2px solid #3366cc;
    border-bottom: 1px dashed #3366cc;
    border-left: 2px solid #3366cc;
}
table.newuser
{
    width: 905px;
    border: 0px;
}
table.newuser td.col1
{
    width: 120px;
}
table.newuser td.col2
{
    width: 10px;
}
table.newuser td.col3
{
    width: 200px;
}
table.newuser td.col4
{
    width: 575px;
}


/*  ---------------------------------------------------------------------------
    PRODUCER PROFILE FORM
    Specific for the Producer Profile Form
    --------------------------------------------------------------------------- */
.pp_section
{
    background-color: #FFFFFF;
    margin: 5px 0px 25px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 11px;
    color: #000000;
    border-top: 1px dashed #3366cc;
    border-right: 2px solid #3366cc;
    border-bottom: 1px dashed #3366cc;
    border-left: 2px solid #3366cc;
}
.pp_sectionheading
{
    font-size: 18px;
    font-weight: bold;
    color: #000e66;
    padding: 0px 0px 10px 0px;
}
.pp_parts
{
    padding: 10px 5px 10px 5px;
    border-bottom: 1px solid #c7d1c6;
}
.pp_question
{
    padding-bottom: 10px;
    font-weight: bold;
}
table.prodprofile_preview
{
    font-size: 11px;
    background: #ffffff;
}
table.prodprofile_preview td
{
    padding: 5px;
    font-weight: bold;
    border-bottom: none 0px;
    color: #000000;
}
table.prodprofile_preview .label
{
    font-weight: normal;
    color: #535873;
}
table.prodprofile_preview td.separator
{
    padding: 0px;
}
table.prodprofile_preview td.separator hr
{
    color: #c7d1c6;
    height: .5px;
}
table.prodprofile_preview td table
{
    border: solid 0px #c7d1c6;
    font-weight: normal;
    color: #000000;
}
table.prodprofile_preview td table th
{
    color: #000000;
    font-weight: normal;
}
table.prodprofile_preview td table td
{
    border: solid 1px #c7d1c6;
    font-weight: normal;
    color: #535873;
}



/*  --------------------------------------------------------------------------- 
    BODY STATE NOTICE
    --------------------------------------------------------------------------- */
body#StateNotice
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
body#StateNotice div
{
    width: 100%;
    height: 100%;
    background: #f2edb1;
    padding: 5px;
    margin: 0px 0px 0px 0px;
}
body#StateNotice div P
{
    height: 290px;
    width: 375px;
    font-size: 12px;
    background: #f2edb1;
}




/*  ---------------------------------------------------------------------------- 
		STOCK QUOTE AREA
    --------------------------------------------------------------------------- */

.stockQuote
{
    position: relative;
    background: #ffffff;
    color: Navy; /* border-top: 1px dashed #fad956;*/
    margin: 0px;
    padding: 0px 10px 15px 5px;
    border-right: 2px solid #fad956;
    border-bottom: 1px dashed #fad956;
    border-left: 2px solid #fad956;
}


/*  --------------------------------------------------------------------------- 
    CONTENT CONTAINERS AND RESPECTIVE CUSTOM FLASH & HTML ELEMENTS
    --------------------------------------------------------------------------- */


/*  Content for SpecialtyLines.aspx & CommercialLines.aspx to allow room for the rotating pics
        Main body content
        ------------------------------- */

#contentSLD
{
    width: 660px;
    height: 100%;
    padding-left: 23px;
    font-size: 12px;
    background: /*#f2edb1*/ #e9eef6;
}
#contentSLD:after
{
    content: "";
    display: block;
    height: 100%;
    clear: both;
}
#contentSLD .rotatingImage
{
    float: right;
}
#contentSLD img.pageheader
{
    padding: 0px;
}
#contentSLD #photochannel /* Column 2 Photos */
{
    float: right;
    width: 283px; /*border: solid 1px #000000;*/
    margin: 0px 0px 0px 34px;
}
#contentSLD #textchannel
{
    float: left;
    width: 335px;
    margin: 0px; /*border: solid 1px #000000;*/
}
#contentSLD #textchannel ul.brochures /* Doc icon as bullets - links to documents */
{
    padding-bottom: 0px;
}
#contentSLD #textchannel ul.brochures li
{
    padding: 0px 0px 0px 20px; /* bottom padding to because of document icon */
    margin-bottom: 5px;
    margin-top: 0px;
    list-style: none none;
    font-size: 10pt;
    font-weight: bolder;
    background: url(../images/lists/bell_trans.gif) no-repeat top left;
}
#contentSLD #textchannel ul li
{
    padding-left: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
    list-style: none none;
    background: url(../images/lists/yellow_bullet.gif) no-repeat 8px 5px;
}

#contentSLD #textchannel ul.downloads /* Doc icon as bullets - links to documents */
{
    padding-bottom: 0px;
}
#contentSLD #textchannel ul.downloads li
{
    padding: 0px 0px 10px 20px; /* bottom padding to because of document icon */
    margin-bottom: 0px;
    margin-top: 0px;
    list-style: none none;
    background: url(../images/lists/download.gif) no-repeat 5px 0px;
}


/*  Outdoor Products
        format placement of flash content
        ------------------------------- */

.contentOutdoor
{
    width: 660px;
    height: 100%;
    padding-left: 23px;
    font-size: 12px;
    background: #e9eef6;
}

.contentOutdoor #flashcontent
{
    float: right;
    width: 282px;
    height: 328px;
}
.contentOutdoor ul li
{
    padding-left: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
    list-style: none none;
    background: url(../images/lists/yellow_bullet.gif) no-repeat 8px 5px;
}
.contentOutdoor ul.brochures li
{
    padding: 0px 0px 0px 20px; /* bottom padding to because of document icon */
    margin-bottom: 5px;
    margin-top: 0px;
    list-style: none none;
    font-size: 10pt;
    font-weight: bolder;
    background: url(../images/lists/bell_trans.gif) no-repeat top left;
}

#contentOutdoor li
{
    padding: 0px;
}


/*  Content
        Main body content
        ------------------------------- */
.content
{
    width: 637px;
    height: 100%;
    padding: 23px;
    font-size: 12px;
    background: /*#f2edb1*/ #e9eef6;
}
#content
{
    width: 637px;
    height: 100%;
    padding: 23px;
    font-size: 12px;
    background: /*#f2edb1*/ #e9eef6;
}



#content:after
{
    content: "";
    display: block;
    height: 100%;
    clear: both;
}
#content blockquote
{
    font-size: 12px;
    color: #01428d;
    background-color: #ffffff;
    padding: 8px 15px 8px 15px;
    margin-bottom: 15px;
}
#content blockquote.clearquote /*Blockquote with no background color*/
{
    font-size: 12px;
    color: #000000;
    background-color: Transparent;
    padding: 8px 15px 8px 15px;
    margin-bottom: 15px;
}

/*  List Elements ------------------- */
ol
{
    padding-bottom: 10px;
}
#content ul
{
    padding-bottom: 10px;
}
#content ul ul
{
    padding: 0px;
}
#content ol
{
    padding-left: 30px;
}
#content li
{
    padding: 2px;
}

#content ul li
{
    padding-left: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
    list-style: none none;
    background: url(../images/lists/yellow_bullet.gif) no-repeat 0px 4px;
}

#content ul li h2 a
{
    font-size: 14px;
    color: #1443a1;
    text-decoration: none;
}
#content ul li h2 a:hover
{
    color: #cc0000;
    text-decoration: none;
}

ul.blanklist
{
    padding-bottom: 10px;
}

#content ul.blanklist
{
    padding-bottom: 10px;
}
ul.blanklist li
{
    padding: 0px 0px 0px 20px;
    list-style: none none;
}

#content ul.blanklist li
{
    padding: 0px 0px 0px 20px;
    list-style: none none;
}



ul.emptylist
{
    padding-bottom: 10px;
}

#content ul.emptylist
{
    padding-bottom: 10px;
}
ul.emptylist li
{
    padding: 0px 0px 0px 0px;
    list-style: none none;
}

#content ul.emptylist li
{
    padding: 0px 0px 0px 0px;
    list-style: none none;
}

/* SSS requested that the brochure links be bigger and more visible*/
#content ul.brochures /* Doc icon as bullets - links to documents */
{
    padding-bottom: 0px;
}
#content ul.brochures li
{
    padding: 0px 0px 0px 20px; /* bottom padding to because of document icon */
    margin-bottom: 5px;
    margin-top: 0px;
    list-style: none none;
    font-size: 10pt;
    font-weight: bolder;
    background: url(../images/lists/bell_trans.gif) no-repeat top left;
}

#content ul.downloads /* Doc icon as bullets - links to documents */
{
    padding-bottom: 0px;
}
#content ul.downloads li
{
    padding: 0px 0px 10px 20px; /* bottom padding to because of document icon */
    margin-bottom: 0px;
    margin-top: 0px;
    list-style: none none;
    background: url(../images/lists/download.gif) no-repeat 5px 0px;
}

#content ul.checkmark /* Checkmarks as bullets */
{
    padding-bottom: 10px;
}
#content ul.checkmark li
{
    padding: 0px 0px 0px 20px;
    list-style: none none;
    background: url(../images/icons/checkmark.gif) no-repeat 5px 0px;
}

#content ul.preferences /* List using nothing */
{
    float: left;
}
#content ul.preferences li
{
    padding: 0px;
    list-style: none none;
    background: transparent;
}

#content ul.bluearr li /* List using small blue right arrows */
{
    padding-left: 20px;
    list-style: none none;
    background: url(../images/icons/arrow-right.gif) no-repeat 7px 3px;
}

#content ul.list /* List using nothing and with extra padding */
{
    float: left;
}
#content ul.list li
{
    padding: 10px;
    list-style: none none;
    background: transparent;
    vertical-align: middle;
}

/*  Paging Links Section (< Previous  Next >) ------------------- */
#content .paginglinks
{
    float: right;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
}
#content .paginglinks li
{
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    color: #666666;
    list-style: none none;
    background: none;
}
#content .paginglinks li.first
{
    padding: 0px 5px 0px 10px;
    border: none;
    background: url(../images/lists/back.gif) no-repeat 0px 4px;
}
#content .paginglinks li.last
{
    padding: 0px 10px 0px 5px;
    border: none;
    background: url(../images/lists/next.gif) no-repeat 100% 4px;
}
#content .paginglinks li a
{
    color: #99ccff;
}
#content .paginglinks li a:hover
{
    color: #cc0000;
}


/*  Text channels (Two columns in content section) ------------------- */
#textchannel
{
    float: left;
    width: 300px;
    margin-right: 40px;
}
#widetextchannel /* To compensate for smaller items list on right (ironman home pg)  */
{
    float: left;
    width: 500px;
}
#smalltextchannel /*Use this to fit text instead of photos */
{
    float: left;
    width: 250px;
    margin: 230px 2px 0px 2px;
}





/*  ---------------------------------------------------------------------------
    ALERTS/MESSAGES SECTION
    All types of alerts and messages.
    --------------------------------------------------------------------------- */
.alert
{
    padding: 0px 0px 0px 20px;
    background: url(../images/icons/alert.gif) no-repeat 0px 2px;
    color: #cc0000;
    margin: 0px 0px 10px 0px;
    font-size: 12px;
}

.alertInstructional
{
    background-position: 0px 2px;
    padding: 0px 0px 0px 20px;
    background: url(../images/icons/alert_blue.gif) no-repeat 0px 2px;
    color: #3366cc;
    margin: 0px 0px 10px 0px;
    font-size: 12px;
}

.bigalert
{
    padding: 0px 0px 0px 20px;
    background: url(../images/icons/alertblink.gif) no-repeat 0px 2px;
    color: #cc0000;
    margin: 0px 0px 10px 0px;
    font-size: 16px;
}
span.warning
{
    margin: 3px 3px 3px 3px;
    padding: 4px 4px 4px 20px;
    background: url(../images/icons/alert.gif) no-repeat 3px 8px;
    color: #cc0000;
    font-size: 16px;
    border-top: #990000 1px solid;
    border-right: #990000 1px solid;
    border-bottom: #990000 1px solid;
    border-left: #990000 1px solid;
    float: none;
    display: block;
}
.excpinfo
{
    padding: 0px 5px 0px 10px;
    color: #660000;
    margin: 0px 0px 0px 0px;
    font-size: 10px;
}

/*  ---------------------------------------------------------------------------
    MISCELLANEOUS ITEMS
    Elements that are one-offs
    --------------------------------------------------------------------------- */

.caption
{
    display: block;
    padding: 2px 0px 15px 0px;
    font-size: 10px;
}
.clear
{
    clear: both;
    overflow: auto;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    font-size: 0px;
    line-height: 0px;
}



#links
{
    width: 99%;
}

#links .col1
{
    width: 250px;
    float: left;
}

#links .col2
{
    width: 225px;
    float: right;
}

.secColTxt
{
    float: right;
    width: 225px;
    text-align: center;
    margin: 250px 0px 0px 0px;
}

.rightImage
{
    float: right;
}
.leftImage
{
    float: left;
    padding: 0px 5px 5px 0px;
}
.netaImage
{
    padding: 20px 0 5px 20px;
}



/*  ---------------------------------------------------------------------------
    GET ACROBAT
    "Get Adobe Acrobat Reader (image)" element on pages that have pdf form to download
    --------------------------------------------------------------------------- */
div.getacrobatsmall
{
    padding: 0px;
    margin: 0px;
    border: 0px;
    background: url(../images/icons/reader_icon.gif) no-repeat;
    width: 160px;
}
div.getacrobatsmall span
{
    padding-left: 16px;
    font-size: 11px;
}




/*  ---------------------------------------------------------------------------
    CALL OUTS
    Example: PRODUCT Cross Sell Ads
    --------------------------------------------------------------------------- */
.callout
{
    width: 683px;
    height: 219px;
    padding: 0px 0px 0px 0px;
    font-size: 12px;
    background: #ffffff url(../images/background/callout.gif) no-repeat 0px 0px;
}
.callouttext
{
    float: right;
    width: 475px;
    padding: 35px 60px 0px 0px;
}
.callouttext h2
{
    margin: 0px;
    font-size: 18px;
    color: #cc9933;
}
.callouttext h3
{
    margin: 0px;
    font-size: 14px;
    color: #cc9933;
}
.callouttext img
{
    margin: 0px 0px 5px 0px;
}
.calloutphoto
{
    float: left;
    margin: 42px 0px 0px 8px;
}


/*  ---------------------------------------------------------------------------
    COLUMN (A)- PROMOTION (A)
    Example: COMMUNITY INVOLVEMENT Ads
    --------------------------------------------------------------------------- */
#col_a
{
    float: left;
    width: 415px;
    margin: 20px 24px 0px 0px;
    font-size: 12px;
}
#col_a h2
{
    font-size: 12px;
    color: #dcb003;
}
.promo_a
{
    float: left;
    width: 411px;
    height: 100%;
    margin: 0px 20px 0px 0px;
    padding: 10px 0px 0px 0px;
    border-left: 2px solid #cc0000;
    border-right: 2px solid #cc0000;
    background: url(../images/background/promo_a.gif) no-repeat -2px 0px;
}
.promo_a:after
{
    content: "";
    display: block;
    height: 100%;
    clear: both;
}
.promo_abottom
{
    position: relative;
    top: 1px;
    width: 411px;
    height: 2px;
    font-size: 1px;
    background: url(../images/background/promo_a.gif) no-repeat 0px 0px;
}
.promo_a .promotext
{
    float: left;
    width: 270px;
    padding: 0px 0px 0px 10px;
}
.promo_a .promotext a
{
    text-decoration: none;
}
.promo_a .promotext h2
{
    color: #cc0000;
    font-size: 18px;
}
.promo_a .promotext h3
{
    color: #3366cc;
    font-size: 12px;
    margin: 10px 0px 0px 0px;
}
.promotext ul li
{
    padding-left: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
    list-style: none none;
    background: url(../images/lists/yellow_bullet.gif) no-repeat 8px 5px;
}
.promo_a_photo
{
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
}
.promo_a h1
{
    margin: 10px 0 0 0;
    font-size: 12px;
    color: #cc0000;
}
.heading
{
    margin: 0px 0px 3px 0px;
    padding: 0px 0px 2px 0px;
    border-bottom: 1px dashed #d1ab41;
}
#homepage .promo_a .promotext
{
    float: left;
    width: 400px;
    padding: 0px 10px 0px 10px;
}
#homepage .promo_a
{
    margin: 0px 0px 0px 0px;
}


/*  ---------------------------------------------------------------------------
    COLUMN (B) - PROMO (B)
    Example: PRODUCT Loss Control Ads
    --------------------------------------------------------------------------- */
/*.col_b   
{
    float: left;
    width: 240px;
    margin: 20px 0px 0px 0px;
    font-size: 12px;
} */
#col_b
{
    float: left;
    width: 240px;
    margin: 20px 0px 0px 0px;
    font-size: 12px;
}
.col_b .more_col_b
{
    float: left;
    width: 240px;
    margin: 0px 0px 0px 50px;
    font-size: 12px;
}
#col_b select
{
    padding: 0px 0px 0px 5px;
    border: 1px solid #3366cc;
    color: #666666;
}
#col_b .gobutton1
{
    position: relative;
    bottom: 5px;
}
#col_b img.labelimg1
{
    position: relative;
    top: 7px;
    margin: 0px 0px 2px 0px;
}
.promo_b
{
    float: left;
    width: 238px;
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 0px 0px;
    overflow: visible;
    border-left: 2px solid #cc0000;
    border-right: 2px solid #cc0000;
    background: url(../images/background/promo_b.gif) no-repeat 0px 0px;
}
.promo_b_bottom
{
    position: relative;
    top: 1px;
    width: 238px;
    height: 2px;
    font-size: 1px;
    background: url(../images/background/promo_b.gif) no-repeat 0px 0px;
}
.col_b_text
{
    margin: 0px 0px 25px 0px;
}
.headerline
{
    margin: 0px 0px 6px 0px;
    padding: 0px 0px 2px 0px;
    border-bottom: 1px dashed #cc0000;
}
* html #col_b .gobutton1
{
    position: relative;
    bottom: 8px;
}

/*  ---------------------------------------------------------------------------
    COLUMN (C) - PROMO (C)
    Example: Just like col_b. If you want other items next to col_b
    --------------------------------------------------------------------------- */
.col_c
{
    float: left;
    width: 240px;
    margin: 20px 0px 0px 50px;
    font-size: 12px;
}




/* Address Validator Control style*/
.addrValidator_container
{
    background-color: #e9eef6;
    width: 400px;
}

.addrValidator_header
{
    color: #1443a1;
    padding: 5px 10px 5px;
    font-weight: bold;
    font-size: medium;
    font-family: Arial;
}

.addrValidator_hr
{
    color: #1443a1;
    border: solid 2px;
    margin-left: 10px;
    margin-right: 10px;
}

.addrValidator_body
{
    font-size: medium;
    font-style: normal;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    background: inherit;
}

.addrValidator_body span
{
    padding-left: 0px;
}

.addrValidator_body table
{
    width: auto;
    border: none 0px;
}

.addrValidator_body th
{
    padding: 0px 0px 0px 0px;
    text-align: left;
    color: inherit;
    border-bottom: none;
    background: inherit;
    vertical-align: bottom;
}

.addrValidator_body td
{
    padding: 0px 0px 0px 0px;
    text-align: left;
    border-bottom: none;
    background: none;
}


.addrValidator_suggestedAddressStyle
{
    font-style: normal;
    font-size: small;
    font-weight: bold;
    color: #808080;
}

.addrValidator_currentAddr
{
    color: #808080;
    font-weight: bolder;
    font-size: small;
    font-style: normal;
}


.addrValidator_linkbutt
{
    color: #1443a1;
    font-weight: bold;
    font-family: Arial;
    font-size: small;
}

#content .docgroup table.linksforyou ul
{
    padding-bottom: 0px;
}

#content .docgroup table.linksforyou
{
    width: 100%;
}



.docgroup
{
    margin: 30px 0px 40px 10px;
    list-style-type: none;
    z-index: 5;
}

.docgroup ul
{
    list-style-type: none;
}
.docgroup .docRepositoryDownloads
{
    /* background-color:#FFFFFF;*/
    width: 600px;
    list-style-type: none; /* border: solid 1px #000; */
    z-index: 100;
}
.docgroup .docRepositoryDownloads .norecords
{
    color: #cc0000;
    font-size: 14px;
    text-align: center;
    margin-top: 20px;
    width: 550px;
    border-top: solid 1px #000;
}
.docgroup .docRepositoryDownloads h2
{
    color: #cc0000;
    font-size: 30px;
    font-weight: bold; /*height:30px;             width:400px;*/
    padding-left: 20px;
    padding-bottom: 20px;
}
.docgroup .docRepositoryDownloads .product
{
    padding-left: 20px;
}
.docgroup .docRepositoryDownloads .content
{
    top: -20px; /* background-color:#FFFFFF;*/
    width: 550px;
    list-style-type: none;
    overflow: auto;
}
.docgroup .docRepositoryDownloads .content h2
{
    color: #1443a1;
    font-size: 16px;
    font-weight: bold;
    width: 400px;
    padding-left: 0px;
    height: 10px;
    color: #003d7d;
}
.docgroup .docRepositoryDownloads .content .scroll
{
    max-height: 300px;
    overflow: auto;
}
.docgroup .docRepositoryDownloads .content a
{
    text-decoration: underline;
}

.docgroup .docRepositoryDownloads .content label
{
    width: 400px;
}
.docgroup .docRepositoryDownloads .content .downloadList
{
    background-color: #e9eef6;
    color: #000;
    font-size: 12px;
    width: 100%;
    overflow: auto;
}
.docgroup .docRepositoryDownloads .content .downloadButton
{
    float: right;
}
.docgroup .docRepositoryDownloads .content .assets
{
    padding: 0px 0px 0px 0px;
}

.docgroup .docRepositoryListBox
{
    width: 575px;
}
.docgroup .docRepositoryListBox h2
{
    /*float:left;*/
    color: #cc0000;
    font-size: 30px;
    font-weight: bold;
}
.docgroup .docRepositoryListBox .content
{
    /*background-color:#FFFFFF;*/
    width: 575px;
    max-height: 500px;
    list-style-type: none; /* border: solid 2px #000;*/
    overflow: auto;
}
.docgroup .docRepositoryListBox .content ul
{
    padding-bottom: 20px;
}
.docgroup .docRepositoryListBox .content li
{
    list-style-type: none;
    font-size: 14px;
    font-weight: bold;
}
.docgroup .docRepositoryListBox .content li a
{
    list-style-type: none;
    font-size: 14px;
    text-decoration: underline;
    font-weight: normal;
}
.docgroup .docRepositoryYearGroupBox
{
    width: 575px;
}
.docgroup .docRepositoryYearGroupBox h2
{
    /*float:left;*/
    color: #cc0000;
    font-size: 30px; /*font-weight:bold;*/
}
.docgroup .docRepositoryYearGroupBox .topleft
{
    position: relative;
    top: 0px;
    left: 0px;
    list-style-type: none;
    font-size: 14px;
    font-weight: normal;
}
.docgroup .docRepositoryYearGroupBox .content
{
    /*background-color:#FFFFFF;*/
    width: 575px;
    max-height: 500px;
    list-style-type: none; /*border: solid 2px #000; */
    overflow: auto;
}
.docgroup .docRepositoryYearGroupBox .content ul
{
    padding-bottom: 20px;
}
.docgroup .docRepositoryYearGroupBox .content li
{
    list-style-type: none;
    font-size: 14px;
    font-weight: bold;
}
.docgroup .docRepositoryYearGroupBox .content li a
{
    list-style-type: none;
    font-size: 14px;
    text-decoration: underline;
    font-weight: normal;
}
.docgroup .docRepositoryMonthDateBox
{
    width: 575px;
    background-color: #FFFFFF;
    margin: 10px 0px 0px 0px;
    list-style-type: none;
    border-left: inset 2px Gray;
    border-right: inset 2px Gray;
    border-top: dashed 1px Gray;
    border-bottom: dashed 1px Gray;
    max-height: 250px;
    overflow: auto;
}
.docgroup .docRepositoryMonthDateBox h2
{
    float: left;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
.docgroup .docRepositoryMonthDateBox h3
{
    padding: 5px 0px 0px 10px;
    color: Gray;
    font-size: 14px;
    font-weight: bold;
    border-bottom: dashed 1px Gray;
}
.docgroup .docRepositoryMonthDateBox .firstdoubledivider
{
    position: relative;
    border-bottom: dashed 1px Gray;
    width: 575px;
}
.docgroup .docRepositoryMonthDateBox .seconddoubledivider
{
    position: relative;
    border-bottom: dashed 1px Gray;
    width: 575px;
}
.docgroup .docRepositoryMonthDateBox ul
{
    position: relative;
    list-style-type: none;
    border-top: dashed 1px Gray;
}
.docgroup .docRepositoryMonthDateBox li
{
    border-bottom: solid 1px Gray;
    line-height: 20px;
    list-style-type: none;
}

.docgroup .docRepositoryMonthDateBox li span.left
{
    float: left;
    width: 125px;
}
.docgroup .docRepositoryMonthDateBox li span.right
{
    text-align: left;
    width: 400px;
}
.docgroup .docRepositoryMonthDateBox li a
{
    color: #000;
    font-weight: bold;
    font-size: 12px;
}
.docgroup .docRepositoryMonthDateBox li
{
    color: #000;
    font-weight: bold;
    font-size: 12px;
}
.docgroup .docRepositoryTwoColumnBox
{
    width: 525px;
    background-color: #FFFFFF;
    margin: 10px 0px 0px 0px;
    list-style-type: none;
    border-left: inset 2px Gray;
    border-right: inset 2px Gray;
    border-top: dashed 1px Gray;
    border-bottom: dashed 1px Gray;
    max-height: 250px;
    overflow: auto;
}
.docgroup .docRepositoryTwoColumnBox h2
{
    color: Gray;
    font-size: 14px;
    font-weight: bold;
}
.docgroup .docRepositoryTwoColumnBox img
{
    position: absolute;
    top: 335px;
    right: 335px;
}
.docgroup .docRepositoryTwoColumnBox ul
{
    list-style-type: none;
}
.docgroup .docRepositoryTwoColumnBox li
{
    border-bottom: solid 1px Gray;
    line-height: 20px;
    list-style-type: none;
}

.docgroup .docRepositoryTwoColumnBox li span.left
{
    float: left;
    width: 250px;
}
.docgroup .docRepositoryTwoColumnBox li span.right
{
    float: right;
    width: 250px;
}
.docgroup .docRepositoryTwoColumnBox li a
{
    color: Gray;
    font-size: 12px;
}

#docchannel
{
    float: right;
    width: 255px; /*border: solid 1px #000000;*/
    margin: 0px 0px 0px 34px;
}
#docchannel h2
{
    padding-left: 10px;
}
#docchannel .docRepositoryNav
{
    border: solid 2px #ccd9f2;
    background-color: #FFFFFF;
    margin-top: 10px;
}
#docchannel .docRepositoryNav .grouptypetitle
{
    padding: 10px;
   font-size: 1em;
}

#docchannel .docRepositoryNav ul
{
    padding-top: 10px;
    padding-left: 10px;
    max-height: 300px;
    overflow: auto;
}
#docchannel .docRepositoryNav li
{
    font-size: 11px;
}
#docchannel .docRepositoryNav h3
{
    background-color: #ccd9f2;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding-bottom: 10px;
}
#docchannel .docRepositoryNav h3 span
{
    margin-left: 10px;
}
#docchannel .docRepositoryNav h3 img
{
    float: right;
}