@media print 
{   
    .myimages, .fixedBorder, .img_border, #documentlistingmain, #mainplaceholder, .page, body   
    {
        width: 50em !important;
        height: 48em !important; 
    }

    #left, #footer, #navigationmenu
    {
        display: none;
    }
    .ax-container
    {
        page-break-after: always;
    }
}

@media screen
{
    /* Imported from old site.css */
    body
    {
        background-color: LightGrey;
        font-size: .75em;
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        margin: 0;
        padding: 0;
    }
    
    img 
    {
        border:none 0px #ffffff;
    }
    a:link
    {
        color: #034af3;
        text-decoration: underline;
    }
    a:visited
    {
        color: #505abc;
    }
    a:hover
    {
        color: #1d60ff;
        text-decoration: none;
    }

    p, ul
    {
        margin-bottom: 20px;
        line-height: 1.6em;
    }
    
     /* HEADINGS   
    ----------------------------------------------------------*/
    h1, h2, h3, h4, h5, h6
    {
        color: #000;
        font-family: Arial, Helvetica, sans-serif;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    h1
    {
        font-size: 2em;
    }
    h2
    {
        font-size: 1.5em;
    }
    h3
    {
        font-size: 1.2em;
    }
    h4
    {
        font-size: 1.1em;
    }
    h5, h6
    {
        font-size: 1em;
    }

    /* this rule styles <h2> tags that are the 
    first child of the left and right table columns */
    .rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
    {
        margin-top: 0;
    }

    /* PRIMARY LAYOUT ELEMENTS   
    ----------------------------------------------------------*/

    /* you can specify a greater or lesser percentage for the 
    page width. Or, you can specify an exact pixel width. */
    .page
    {
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
        width: 969px;
    }

    #header
    {
        margin: 0px;
        color: #000;
        padding: 0;
    }

    #header h1
    {
        font-weight: bold;
        padding: 5px 0;
        margin: 0;
        color: #fff;
        border: none;
        line-height: 2em;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 32px !important;
    }

    #footer
    {
        color: #000;
        padding: 0.625em 0;
        text-align: center;
        line-height: normal;
        font-size: .9em;
        width: 90em;
    }

    /* TAB MENU   
    ----------------------------------------------------------*/
    ul#menu
    {
        border-bottom: 1px #5C87B2 solid;
        padding: 0 0 2px;
        position: relative;
        margin: 0;
        text-align: right;
    }

    ul#menu li
    {
        display: inline;
        list-style: none;
    }

    ul#menu li#greeting
    {
        padding: 10px 20px;
        font-weight: bold;
        text-decoration: none;
        line-height: 2.8em;
        color: #fff;
    }

    ul#menu li a
    {
        padding: 10px 20px;
        font-weight: bold;
        text-decoration: none;
        line-height: 2.8em;
        background-color: #e8eef4;
        color: #034af3;
    }

    ul#menu li a:hover
    {
        background-color: #fff;
        text-decoration: none;
    }

    ul#menu li a:active
    {
        background-color: #a6e2a6;
        text-decoration: none;
    }

    ul#menu li.selected a
    {
        background-color: #fff;
        color: #000;
    }
    
    /* MISC  
    ----------------------------------------------------------*/
    .clear
    {
        clear: both;
    }

    .error
    {
        color:Red;
    }

    #title
    {
        display:block;
        float:right;
        text-align:left;
    }

    #logindisplay
    {
        font-size:1.1em;
        display:block;
        text-align:right;
        margin:10px;
        color:White;
    }

    #logindisplay a:link
    {
        color: white;
        text-decoration: underline;
    }

    #logindisplay a:visited
    {
        color: white;
        text-decoration: underline;
    }

    .field-validation-error
    {
        color: #ff0000;
    }

    .input-validation-error
    {
        border: 1px solid #ff0000;
        background-color: #ffeeee;
    }

    .validation-summary-errors
    {
        font-weight: bold;
        color: #ff0000;
    }

    #main
    {
	    background-color: #fff;
	    z-index: 10000;
    }

    /* Home View 
    =======================================================*/
    #homediv
    {
	    background-color: #fff;
	    z-index: 10000;
	    height: 56.5em;
	    width: 81em;
        margin: 0 auto;
    }

    #homemain
    {
	    height: 25em;
    }

    .homeitem
    {
        padding:20px;   
    }
    
    #leftpanel
    {
        width: 49em;
        float: left;
        padding: 1em;
    }

    #login
    {
        margin-bottom: 4em;
    }
    #signup
    {
	    height: 9em;
    }
    
    /*About
    ====================================================*/
    #about
    {
	    background-color: #fff;
	    height: 53em;
	    width: 81em;
	    padding:20px;
	    text-align: left;
    }

    #about p
    {
	    margin: 2em;
    }

    .head
    {
	    color: Black;
	    font-size: x-large;
	    font-weight: bold;
	    text-align:center;
    }
    /*UserPreferences
    =====================================================*/
    #userpreferences
    {
	    background-color: #fff;
	    height: 53em;
	    width: 81em;
    }

    .FormLabel
    {
        font-size:1.1em;
        font-weight: bold;
        color: #000000;
    }

    /*Approved
    =======================================================*/
    #approved
    {
	    background-color: #fff;
	    width: 81em;
    }
    
    #approvedcontent
    {
    	margin: 3em;
    }

    /*Register
    =======================================================*/
    #register
    {
	    background-color: #fff;
	    width: 81em;
    }

    #AddAccount
    {
	    background-color: #fff;
	    width: 81em;
    }

    .icons
    {
	    margin-right: .5em;
    }

    .divider
    {
        border-top: dashed 3px #666666;
        height:3px;
    }

    li
    {
        padding-bottom: 10px;
    }
	
	#mask {
	  position:absolute;
	  left:0;
	  top:0;
	  z-index:9000;
	  background-color:#000;
	  display:none;
	}
	  
	#boxes .window {
	  position:fixed;
	  left:0;
	  top:0;
	  width:440px;
	  height:200px;
	  display:none;
	  z-index:9999;
	  padding:20px;
	}
	
	#boxes #tos {
	  background-color:#ffffff;
	  width:326px; 
	  height:360px;
	  padding:50px 0 20px 25px;
	}
	
	/*Password Strength*/
	#password_strength
	{
		height:20px;
		display:block;
		color: White;
	}

	#password_strength_border
	{
		width: 144px;
		height: 20px;
		border: 1px solid black;
		display:none;
	}
	.strength0
	{
		width:144px;
		background:#cccccc;
	}

	.strength1
	{
		width:36px;
		background:#ff0000;
	}

	.strength2
	{
		width:72px;	
		background:#ff5f5f;
	}

	.strength3
	{
		width:108px;
		background:#ff8f8f;
	}

	.strength4
	{
		background:#4dcd00;
		width:144px;
	}

    .ie6NotSupported
    {
        width:100%;
        height:20px;
        display:none;
        font-weight:bold;
        text-align:center;
        background-color:Yellow;
    }
    
    /*************************************/
    /*           Button CSS              */
    /*************************************/
    input[type=button], input[type=submit]
    {
        display:inline-block;
        font-weight:bold;
	    padding:2px 8px;
	    text-decoration:none;
	    font-family:arial;
	    font-size:15px;
	    -moz-border-radius:6px;
	    -webkit-border-radius:6px;
	    border-radius:6px;
	    overflow: visible;
    }
    
    input[type=button]:hover, input[type=submit]:hover {
        cursor:pointer;
    }
    
    input[type=button]:active, input[type=submit]:active {
	    position:relative;
	    top:1px;
    }
    
    .button, input[type=button], input[type=submit]
    {
	    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	    box-shadow:inset 0px 1px 0px 0px #ffffff;
	    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	    background-color:#ededed;
	    border:1px solid #dcdcdc;
	    color:#777777;
	    text-shadow:1px 1px 0px #ffffff;
    }
    
    .button:hover, input[type=button]:hover, input[type=submit]:hover {
	    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed')
	    background-color:#dfdfdf;
    }
    /*---------End Import---------------*/
    
    #rightpanel
    {
        width: 27.5em;
        float: right;
        padding: 1em;
        background-repeat: repeat-x;
        height: 54.5em;
    }    
    
    .yellowpanel
    {
        padding: 1em;
        background-repeat: repeat-x;
    }    
    
    #site_logo
    {
        background-repeat: no-repeat;
        width:175px;
        height: 100px;
        margin: 0 auto;
    }
    
    /*==========================================================
                      Document Listing View
    ==========================================================*/
    #eStatementsView
    {
	    background-color: #fff;
        padding: 1em;
    }

    #left
    {
	    float: left;
    }

    #right
    {
        float: left;
    }

    #documentView {
        color:#fff;
        min-width: 50em;
        min-height: 20em;
        height: 100%;
	    z-index: 20000;
        padding: 5px 15px 5px 15px;
	    -webkit-border-radius: 0px 8px 8px 8px;
	    -moz-border-radius: 0px 8px 8px 8px;
	    border-radius: 0px 8px 8px 8px;
    }


    #imageView {
        text-align: center;
        max-width: 51em;
        max-height: 64em;
        border-bottom: 5px;
        padding-bottom: 5px;
    }

    .documentImage {
        max-width: 51em;
        max-height: 64em;
    }

    #selectedDocument {
        font-size: medium;
        -webkit-border-radius: 8px 0px 0px 8px;
	    -moz-border-radius: 8px 0px 0px 8px;
	    border-radius: 8px 0px 0px 8px;
        padding: 5px 25px 5px;
    }

    .documentListTable {
        border-spacing: 0;
        border-collapse: collapse;
    }

   .documentList
    {    	
        width: 24em;
	    background-color: white;
	    padding-left: .5em;
	    padding-right: .5em;
	    margin-top: .5em;
	    margin-bottom: .5em;
    }

   .scrollList
    {
	    max-height: 40em;
	    overflow: auto;
	    font-size: medium;  
    }

    .scrollList table
    {
	    padding: 0px;
	    margin: 0px;
	    border: 1px;
    }

    .contentBox {
        margin-top: 10px;
    }

    .contentBoxHeader
    {
	    font-size: large;
	    font-weight: bold;
        text-align: center;
	    color: Black;
	    height: 1.5em;
    }

    div.accordion {
        font-size: 14px;
    }

    .listItem
    {
	    height: 2em;
	    color: Black;
	    cursor: pointer;
    }

    .selectedItem
    {
	    width: 20em;
	    height: 2em;
	    color: Black;
	    cursor: pointer;
	    background-color: Yellow;
    }

    .hometbl
    {
        padding-left: 0.5em;
        width: 50em;
        height:27em;
    }

    .hometxt
    {
        text-align:left;
        font-size:3.375em;
        color:#5C87B2;
        font-weight:bold;
    }

    .homeimg
    {
        width:23.125em;
        height:25.9375em;         
    }

    /**********************************************/
    /*              Document Paging               */
    /**********************************************/
    #documentPager 
    {
	    height: 35px;
	    width: 250px;
        margin: 0 auto;
        margin-top: 5px;
	    margin-bottom: 5px;
    }

    #txt_selectedPage
    {
	    float: left;
	    width: 50px;
	    height: 28px;
	    margin-right: 10px;
	    margin-left: 10px;
	    font-size: large;
    }

    span.pager {
	    background:url(../Content/Paging/hori_large.png) no-repeat;
	    width:30px;
	    height:30px;
	    cursor:pointer;
	    font-size:1px;
	    display:block;
	    float: left;
    }

    /* right */
    span.rightpager				{ z-index: 1000px; background-position: 0 -30px; clear:right; margin-right: 0px;}
    span.rightpager:hover 		{ background-position:-30px -30px; }
    span.rightpager:active 	{ background-position:-60px -30px; } 

    /* left */
    span.leftpager				{ margin-left: 0px; z-index: 1000px;} 
    span.leftpager:hover  		{ background-position:-30px 0; }
    span.leftpager:active  	{ background-position:-60px 0; }
    
    /*==========================================================
                        Navigation Menu
    ==========================================================*/
    #homeOn
    {
	    background-image: url(NavMenu/menu_HomeOn.png);  
	    width: 110px;
	    height: 39px;
    }
    
    #homeOff
    {
	    width: 110px;
	    height: 39px;
	    cursor:pointer;
    }
    
    #homeOff:hover
    {
	    width: 110px;
	    height: 39px;
	    cursor:pointer;
    }
    
    #settingsOn
    {
        background-image: url(NavMenu/menu_SettingsOn.png);
	    width: 161px;
	    height: 39px;
    }
    
    #registerOn
    {
        background-image: url(NavMenu/menu_RegisterOn.png); 
	    width: 136px;
	    height: 39px;
    }
    
    #settingsOff
    {
	    width: 161px;
	    height: 39px;
	    cursor:pointer;
    }
    
    #settingsOff:hover
    {
	    width: 161px;
	    height: 39px;
	    cursor:pointer;
    }
    
    #eStatementOn
    {
	    background-image: url(NavMenu/menu_eStatementOn.png);
	    width: 173px;
	    height: 39px;
    }
    
    #eStatementOff
    {
	    width: 173px;
	    height: 39px;
	    cursor:pointer;
    }
    
     /* new tab */
    #AddAccountOn
    {
        background-image: url(NavMenu/menu_AddAccount_Over.png);
	    width: 161px;
	    height: 39px;
    }

    #AddAccountOff
    {
	    width: 161px;
	    height: 39px;
	    cursor:pointer;
    }
    
    #AddAccountOff:hover
    {
	    width: 161px;
	    height: 39px;
	    cursor:pointer;
    }
    
    #logoutOff
    {
        float:right;
	    width: 173px;
	    height: 39px;
	    cursor:pointer;
    }
    
    #eStatementOff:hover
    {
	    width: 173px;
	    height: 39px;
	    cursor:pointer;
    }

    #navigationmenu
    {
	   background-repeat: no-repeat;
	   height:39px;
	   clear: both;
	   color: Black;
	   font-size: large;
	   position: relative;	   
    }

    #navigationmenu ul
    {
	    color: Black;
	    text-align: center;
	    list-style: none;
	    list-style-image: none;
	    list-style-position: outside;
	    padding:0px;
    }

    #navigationmenu li
    {
	    display: block;
	    float: left;
	    margin-left: 1.5em;
	    margin-right: 0.1em;
	    padding: 0;
	    z-index:1;
    }

    #navigationmenu a, #navigationmenu a span 
    {
	    display:block;
	    float:left;
	    text-decoration: none;
    }
    
    #navigationmenu a, #navigationmenu a span 
    {
	    float:none;
	    text-decoration: none;
    }

    .navigationitem
    {
	    padding: 5px 15px 5px 15px;
	    background-color: #72b9fb;
	    display: block;
	    cursor: pointer;
	    float: left;
	    display: block;
	    margin: 0;
	    color:#ffffff;
    }
    
    .navigationitem:hover
    {
	    padding: 5px 15px 5px 15px;
	    background-color: #acd7ff;
	    cursor: pointer;
	    color:#666666;
    }

    .navigationsel
    {
	    padding: 5px 15px 5px 15px;
	    background-color: #fff;
	    cursor: default;
	    float: left;
	    display: block;
	    margin: 0;
    }
    
    /* Tables */
    td
    {
        padding: 0.375em 0.5em;
        vertical-align:top;
    }

    tr.alt td 
    {
         background: #ecf6fc;
    }

    tr.over.td 
    {
         background: #bcd4ec;
    }
    
    .downloadDocument
    {
        cursor:pointer;   
    }
    
    a.aImageText
    {
        text-decoration:none;
        font-weight:bold;
        font-size:15px;
        color:Black;
    }

    a.aImageText :hover {
        cursor: pointer;
    }
    
    img.aImage
    {
        padding: 5px;
        vertical-align:middle;
    }
    
    .hide
    {
        display:none;
    }
}