body, table
{
    font-family: Verdana;
    color: #555555;
    font-size:9pt;
    line-height:normal;
}

.warning
{
    font-size: 8pt;
    color: red;
}

.comment
{
    font-size: 8pt;
    color: Gray;
}


.smallheading
{
    font-weight: bold;
    color: #555555;
}

.mediumheading
{
    font-family: "Trebuchet MS";
    font-size: 14pt;
    font-weight: normal;
    color: #444444;
}

.orangeheading
{
    font-family: "Trebuchet MS";
    font-size: 16pt;
    font-weight: bold;
    color: #e75110;
    text-align: left;
    vertical-align: middle;
    width: 300px;
}

.orangetext
{
    font-family: "Trebuchet MS";
    font-weight: bold;
    color: #e75110;
    text-align: left;
    vertical-align: middle;
}


A:link
{
    color:  #555555;
    font-family: Verdana;
    text-decoration: none;
}

A:visited
{
    color: #555555;
    font-family: Verdana;
    text-decoration: none;
}


A:hover
{
    cursor: pointer;
    color: #646464;
    font-family: Verdana;
    font-variant: normal;
    text-decoration: underline;
}


.tbx_standard
{
    border-left: 1px solid #d3d5d6;
    border-right: 1px solid #d3d5d6;
    border-top: 1px solid #818283;
    border-bottom: 1px solid #d3d5d6;
    height: 16px;
    width: 100px;
    font: 10px Verdana;
    vertical-align: middle;
}

.tbx_standard_signup
{
    border-left: 1px solid #d3d5d6;
    border-right: 1px solid #d3d5d6;
    border-top: 1px solid #818283;
    border-bottom: 1px solid #d3d5d6;
    height: 16px;
    width: 100px;
    font: 10px Verdana;
    vertical-align: middle;
    padding-left: 5px;
}


.menuItem
{
    margin-left: 15px;
}


/* 
	TABLE STYLE
*/

table.list, td.list
{
    border: 1px solid #CCC;
    border-collapse: collapse;
    font: small/1.5 "Tahoma" , "Bitstream Vera Sans" , Verdana, Helvetica, sans-serif;
}
table.list
{
    border: none;
    border: 1px solid #CCC;
}
.listHead
{
    background: #FFF url(/graphics/th_bck.gif) repeat-x;
    color: #666;
    padding: 5px 10px;
    border-left: 1px solid #CCC;
}
tbody th.list
{
    background: #fafafb;
    border-top: 1px solid #CCC;
    text-align: left;
    font-weight: normal;
}
tbody tr td.list
{
    padding: 2px 5px;
    color: #666;
}
tbody tr:hover.list
{
    background: #eaeaea;
    cursor: pointer;
    cursor: hand;
}
tbody tr:hover.listExpired
{
}

tbody tr:hover td.list
{
    color: #454545;
}

table a:link.list
{
    color: #666;
}
table a:visited.list
{
    color: #666;
}
table a:hover.list
{
    color: #003366;
    text-decoration: none;
}
table a:active.list
{
    color: #003366;
}


.xbtn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.xbtn * { font-style: normal; background-image: url(/graphics/test/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.xbtn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.xbtn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.xbtn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.xbtn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
.xbtn.blue { background: #2ae; }
.xbtn.green { background: #9d4; }
.xbtn.pink { background: #e1a; }
.xbtn:hover { background-color: #D2B48C; color: White;}
.xbtn:active { background-color: #444; }
.xbtn[class] { background-image: url(/graphics/test/shade.png); background-position: bottom; }


 /* USED FOR MODAL ON MASTER PAGE */
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#CCCCCC;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {}

/* NEW BOX CSS START */
.liquid-round {margin:0px auto; background:#fff url(/graphics/box/leftside.gif) repeat-y left top; }
.top {width:100%; height:20px; background:url(/graphics/box/top.gif) no-repeat left top; }
.top span { display:block; position:relative; height:20px; background:url(/graphics/box/top-right.gif) no-repeat right top; }
.center-content { position:relative; background:url(/graphics/box/rightside.gif) repeat-y right top; padding:1px 20px 1px 25px; margin:-1px 0 0px 0; }
.bottom { width:100%; height:30px; background:url(/graphics/box/bottom.gif) no-repeat left bottom; }
.bottom span { display:block; position:relative; height:30px; background:url(/graphics/box/bottom-right.gif) no-repeat right top; }
/* NEW BOX CSS END */

/*NEW BOX FOR ADDS AND MENU*/
.liquid-round-add { margin:0px auto; background:#fff url(/graphics/box/leftside.gif) repeat-y left top; }
.top-add { width:100%; height:20px; background:url(/graphics/box/top.gif) no-repeat left top; }
.top-add span { display:block; position:relative; height:20px; background:url(/graphics/box/top-right.gif) no-repeat right top; }
.center-content-add { position:relative; background:url(/graphics/box/rightside.gif) repeat-y right top; padding:1px 2px 1px 2px; margin:-1px 0 0px 0; }
.bottom-add { width:100%; height:30px; background:url(/graphics/box/bottom.gif) no-repeat left bottom; }
.bottom-add span { display:block; position:relative; height:30px; background:url(/graphics/box/bottom-right.gif) no-repeat right top; }
/*END*/

/*NEW BOX FOR MENU ON X PAGES*/
.liquid-round-add-x { margin:0px auto; background:#fff url(/graphics/xbox/leftside.gif) repeat-y left top; }
.top-add-x { width:100%; height:20px; background:url(/graphics/xbox/top.gif) no-repeat left top; }
.top-add-x span { display:block; position:relative; height:20px; background:url(/graphics/xbox/top-right.gif) no-repeat right top; }
.center-content-add-x { position:relative; background:url(/graphics/xbox/rightside.gif) repeat-y right top; padding:1px 2px 1px 2px; margin:-1px 0 0px 0; }
.bottom-add-x { width:100%; height:30px; background:url(/graphics/xbox/bottom.gif) no-repeat left bottom; }
.bottom-add-x span { display:block; position:relative; height:30px; background:url(/graphics/xbox/bottom-right.gif) no-repeat right top; }
/*END*/

/* NEW BOX FOR USE ON WHITE BACKGROUND CSS START */
.liquid-round-white { margin:0px auto; background:#fff url(/graphics/whitebox/leftside.gif) repeat-y left top; }
.top-white { width:100%; height:20px; background:url(/graphics/whitebox/top.gif) no-repeat left top; }
.top-white span { display:block; position:relative; height:20px; background:url(/graphics/whitebox/top-right.gif) no-repeat right top; }
.center-content-white { position:relative; background:url(/graphics/whitebox/rightside.gif) repeat-y right top; padding:1px 20px 1px 25px; margin:-1px 0 0px 0; }
.bottom-white { width:100%; height:30px; background:url(/graphics/whitebox/bottom.gif) no-repeat left bottom; }
.bottom-white span { display:block; position:relative; height:30px; background:url(/graphics/whitebox/bottom-right.gif) no-repeat right top; }
/* NEW BOX CSS END */

/*NEW BOX FOR ADDS AND MENU FOR USE ON WHITE BACKGROUND */
.liquid-round-add-white { margin:0px auto; background:#fff url(/graphics/whitebox/leftside.gif) repeat-y left top; }
.top-add-white { width:100%; height:20px; background:url(/graphics/whitebox/top.gif) no-repeat left top; }
.top-add-white span { display:block; position:relative; height:20px; background:url(/graphics/whitebox/top-right.gif) no-repeat right top; }
.center-content-add-white { position:relative; background:url(/graphics/whitebox/rightside.gif) repeat-y right top; padding:1px 2px 1px 2px; margin:-1px 0 0px 0; }
.bottom-add-white { width:100%; height:30px; background:url(/graphics/whitebox/bottom.gif) no-repeat left bottom; }
.bottom-add-white span { display:block; position:relative; height:30px; background:url(/graphics/whitebox/bottom-right.gif) no-repeat right top; }
/*END*/

/*NEW SENT FILES*/
.StateTable { border-bottom:1px solid #d6e0fc; width:100%; cursor: pointer; font-weight: normal;}
.StateTableExpanded {background-color:#eff7fc;}
.sentfilestd1 { width:40px; margin-left:10px; background-image:url(/graphics/sentfilesfolder.png); background-repeat:no-repeat;font-weight:normal;}
.sentfilestd2 { width:390px; font-weight: normal;}
.sentfilessubheadermessage { font-weight: bold; width:180px; }
.sentfilessubheaderrec { font-weight:bold; width:130px; }
.sentfilessubheaderresend { font-weight:bold; width:60px; text-align:center; }
.sentfilessubheaderdownloaded {font-weight:bold; width:90px; text-align:center;}
/*NEW SENT FILES END*/

/*CORP SLIDE JQUERY START*/
#wrap { color: #404040; /*margin: 0 12%;*/ margin: 20px 40px; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 500px; height:230px; padding: 20px 40px; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:  500px; height: 230px; }
.jcarousel-skin-tango .jcarousel-item { width: 317px; height: 230px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 10px; }
/*CORP SLIDE JQUERY END*/

.filterclass
{
    border:1px solid #d6e0fc;
    background-color:#eff7fc;
    /*height:50px;*/
    width:630px;    
}

/*TOOLTIP START*/
.rss-popup 
{
    margin: 100px auto;
    padding: 0px;
    width: 100px;
    position: relative;
}
 
span.rss-popup em 
{
    background: url(/graphics/bubbble.png) no-repeat;
    width: 100px;
    height: 49px;
    position: absolute;
    top: -70px;
    left: -30px;
    text-align: center;
    padding-top:12px;
    /*text-indent: -9999px;*/
    z-index: 2;
    display: none;
}
 
#rss-icon 
{
    width: 32px;
    height: 32px;
    background: url(/graphics/sentfilesuseradd.png) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0 auto;
    display: block;
}

#trash-icon
{
    width: 32px;
    height: 32px;
    background: url(/graphics/sentfilestrash.png) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0 auto;
    display: block;
}

#view-icon
{
    width: 32px;
    height: 32px;
    background: url(/graphics/sentfileszoom.png) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0 auto;
    display: block;
}

#resetpwd-icon
{
    width: 16px;
    height: 16px;
    background: url(/graphics/useradminkey.png) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0 auto;
    display: block;
}

#delete-icon
{
    width: 16px;
    height: 16px;
    background: url(/graphics/useradmindelete.png) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0 auto;
    display: block;
}

#edit-icon
{
    width: 16px;
    height: 16px;
    background: url(/graphics/useradminedit.png) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0 auto;
    display: block;
}

/*TOOLTIP END*/

.ddlfilterclass
{
    border:1px solid #d6e0fc;
    width: 150px;
}

.recTable{border-bottom:1px solid #d6e0fc;}
.recTableTd1{background-image:url(/graphics/sentfilesfolder.png); background-repeat:no-repeat;}

.ddlRecUsers
{
    border:1px solid #d6e0fc;
}

/*USER ADMIN*/
.StateTableAdmin { border-bottom:1px solid #d6e0fc; width:100%; background-color: #ffffff;}
.StateTableAdminExpanded {background-color:#eff7fc; outline: none; }
.useradmintd1 { width:24px; padding-left:10px; height:15px;}
.useradmintd2 { width:390px;}
.useradminsubheadermessage { font-weight:bold; width:180px; }
.useradminsubheaderrec { font-weight:bold; width:130px; }
.useradminsubheaderresend { font-weight:bold; width:60px; text-align:center; }
.useradminsubheaderdownloaded {font-weight:bold; width:90px; text-align:center;}
.useradminrowOver { background-color: #eff7fc;}
/*USER ADMIN END*/

/* Main Menu top */
#breadcrumb
{
    font: 11px Arial, Helvetica, sans-serif;
    background-image:url('/graphics/menu/topMenu/bc_bg.png'); 
    background-repeat:repeat-x;
    height:28px;
    line-height:28px;
    color:#ffffff;
    width:100%;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
#breadcrumb li 
{
    list-style-type:none;
    float:left;
    /*padding-left:10px;*/
}
#breadcrumb a
{
    height:28px;
    display:block;
    background-image:url('/graphics/menu/topMenu/bc_separator.png'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 20px;
    text-decoration: none;
    color:#ffffff;
    padding-left:20px;
    font-size:10pt;
}
.home
{
    border:none;
    margin: 8px 0px;
}

#breadcrumb a:hover
{
	color:#e75110;
	background-image:url('/graphics/menu/topMenu/bc_bg_hover.png'); 
    background-repeat:repeat-x;
    background-position: left;
}

.no-icon
{
    display: block;
    width: 20px;
    height: 20px;
    background: url(/graphics/ico-x.png);
    background-repeat: no-repeat;
    background-position: 50%;
    margin-left: auto;
    margin-right: auto
}

.yes-icon
{
    display: block;
    width: 20px;
    height: 20px;
    background: url(/graphics/ico-check.png);
    background-repeat: no-repeat;
    background-position: 50%;
    margin-left: auto;
    margin-right: auto
}

.flash_info,
.flash_notice,
.flash_error,
.flash_warning
{
    padding:10px 15px 10px 40px;
    margin:10px 0;
    font-weight:bold;
    overflow:hidden;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-size:14px
}
.flash_info p,
.flash_notice p,
.flash_error p,
.flash_warning p
{
    padding:0;
    text-align:center;
    margin: auto;
}

.flash_error
{
    border:1px solid #e9cece;
    background:#fde5e5 url(../graphics/error.gif) 12px 50% no-repeat;     
    color: #8e1d1d;
}
.flash_notice
{
    border:1px solid #deecca;
    background:#edfbd8 url(../graphics/success.gif) 12px 50% no-repeat;
    color: #508600;
}
.flash_info
{
    border:1px solid #bbdbe0;
    background:#ecf9ff url(../graphics/info.gif) 12px 50% no-repeat;
    color: #0888c3;
}
.flash_warning
{
    border:1px solid #eeeed4;
    background:#fefde2 url(../images/warn.gif) 10px 50% no-repeat;
    color: #666;
}