﻿body, html
{
    width: 100%;
    margin: 0;
    padding: 0;
}
body    { color: #373737; background: url(../images/page_background.jpg) #418eac repeat-x top left; text-align: center; font-family: Tahoma, Sans-Serif, Arial; }
a
{
    color: #a32300;
}

a:focus{ outline:none}
/remove outline from clicked links/
*|*:-moz-any-link:focus{outline-width:0!important}
/remove outline inputs/
input:focus::-moz-focus-inner{border-color:transparent!important}

form
{
    margin: 0;
    padding: 0;
    border: none;
}
img
{
    border: none;
}
div.BlueHR
{
    background-color: #387588;
    height: 1px;
}
div.BlueHR hr
{
    display: none;
}
td
{
    vertical-align: top;
}
.HelpMe
{
    width: 14px;
    height: 14px;
    padding: 1px 3px 0 3px;
}

.HelpMe img { vertical-align:sub; }

/* -------------------------------------------------------------------------- */
/* Container */
/* -------------------------------------------------------------------------- */
#Container { width: 872px; background-color: #fff; margin: 0 auto 0 auto; padding: 0 0 10px 0; text-align:left; height:auto; min-height: 100%; overflow:auto; border-right: solid 1px #888888; border-left: solid 1px #888888; }

#Main { height:auto; margin-left:32px; font-size: 12px; padding-bottom: 30px; margin-bottom: 20px; }

#MainOneCol { height:auto; margin: 0 18px 0 18px; font-size: 12px; padding-bottom: 30px; margin-bottom: 20px; }

a
{
    text-decoration: none;
}

#LeftCol
{
    width: 575px;
    float: left;
}

#Col
{
    width: 820px;
    float: left;
}

/*#LeftCol ul { list-style-image:none; list-style-position:outside; list-style-type:none; text-align:left; }*/
/*#LeftCol ul, li { margin:0; padding:0; }*/

#RightCol
{
    width: 208px;
    float: left;
    margin-left: 32px;
}
#RightCol ul
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    text-align: left;
}
#RightCol ul, li
{
    margin: 0;
    padding: 0;
}

/*#RightCol ul li { background-image:url(../images/ul_bullet.gif); background-position:left center; background-repeat:no-repeat; font-size:1em; font-weight:500; padding-left:10px; margin-top: 6px; }*/
#RightCol ul li
{
    color: #a32300;
}

#Footer
{
    height: 42px;
    margin: 40px 0 32px 32px;
    border: solid 3px #d7d7d7;
    background-color: #e5e5e5;
    width: 750px;
    vertical-align: middle;
    color: #a3a3a3;
    font-size: 10px;
    padding: 10px 30px 10px 30px;
    line-height: 20px;
    text-transform:uppercase;
}
#Footer a
{
    color: #898989;
    text-decoration: none;
}

.InnerLeftCol
{
    float: left;
    width: 281px;
}
.InnerRightCol
{
    float: left;
    width: 281px;
    margin-left: 12px;
}

ul.NoBullets
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    text-align: left;
    padding: 0;
    margin: 0;
}
ul.NoBullets li
{
    margin-top: 8px;
}

ul.BulletList
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    text-align: left;
    padding: 0;
    margin: 0;
}
ul.BulletList li
{
    background-image: url(../images/UL_Bullet.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 15px;
    margin-top: 8px;
}

.InnerColIconHeadline
{
    clear: both;
    height: 32px;
    vertical-align: middle;
    line-height: 32px;
    color: #2c2c2c;
    text-transform: uppercase;
    font-size: 12px;
    font-family: "Lucida Sans Unicode" , "Lucida Grande" ,Verdana,Arial,Helvetica,sans-serif;
    font-weight: 600;
    border-bottom: solid 1px #afafaf;
}
.InnerColIconHeadline img
{
    padding-right: 6px;
}

.DateStamp
{
    color: #2c2c2c;
    text-transform: uppercase;
    font-size: 10px;
    font-family: "Lucida Sans Unicode" , "Lucida Grande" ,Verdana,Arial,Helvetica,sans-serif;
    display: inline;
}

#Main p
{
    line-height: 19px;
}

.required
{
    padding-right: 3px;
    color: #990000;
    font-weight: bold;
}

/* -------------------------------------------------------------------------- */
/* top bar and logo */
/* -------------------------------------------------------------------------- */

#TopBar
{
    height: 55px;
    background: url(../images/login_bg.jpg) #fff no-repeat top right;
}
.Logo
{
    padding-left: 21px;
    float: left;
}

#LoginAndReg
{
    float: right;
    /*height: 50px; Disable for chat interface*/
    padding-right: 10px;
}
#LoginAndReg ul
{
    font-family: "Lucida Sans Unicode" , "Lucida Grande" ,Verdana,Arial,Helvetica,sans-serif;
    display: inline;
    padding: 0;
    margin: 0;
}
#LoginAndReg li
{
    list-style-type: none;
    line-height: 24px;
    vertical-align: middle;
    display: inline;
    text-transform: uppercase;
    font-size: 10px;
    float: right;
    padding: 0;
    margin: 0;
}
#LoginAndReg ul li a
{
    height: 24px;
    display: block;
    width: 92px;
    text-decoration: none;
    color: #505050;
    text-align: center;
}
#LoginAndReg ul li a:hover
{
    height: 24px;
    display: block;
    color: #505050;
    text-decoration: none;
}

#NavBar
{
    background: url(../images/primary_nav_bg.gif) #fff repeat-x top right;
    height: 32px;
}
#NavBar ul
{
    font-family: "Lucida Sans Unicode" , "Lucida Grande" ,Verdana,Arial,Helvetica,sans-serif;
    display: inline;
    padding: 0;
    margin: 0;
    width: 960px;
}
#NavBar li
{
    list-style-type: none;
    line-height: 32px;
    vertical-align: middle;
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    float: left;
    margin-left: 0px;
}
#NavBar ul li a
{
    background: transparent url(../images/primary_nav_separator.gif) no-repeat right top;
    height: 32px;
    display: block;
    width: 122px;
    text-decoration: none;
    text-align: center;
    color: #444444;
}
#NavBar ul li a:hover
{
    background: transparent url(../images/primary_nav_separator_on.gif) no-repeat right top;
    height: 32px;
    display: block;
    color: #FFFFFF;
    text-decoration: none;
}

#UserInfo
{
    float: right;
    height: 20px;
    line-height: 20px;
    width: 170px;
    font-family: "Lucida Sans Unicode" , "Lucida Grande" ,Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
}

#Cart
{
    font-weight: bold;
    float: right;
    width: 100px;
    background: url(../Images/icons/20_cart.gif) no-repeat left;
    padding: 1px 3px 1px 22px;
    text-decoration: none;
}

/* -------------------------------------------------------------------------- */
/* headings */
/* -------------------------------------------------------------------------- */
h1, h2, h3, h4, h5
{
    font-family: Arial, Tahoma, Sans-Serif;
    margin: 12px 0 6px 0;
    padding: 0;
    font-weight: normal; /*color: #24A700; color: #6D2517;*/
    color: #061E4A;
}
h1
{
    font-size: 32px;
}
h2
{
    font-size: 22px;
}
h3
{
    font-size: 18px;
}
h4
{
    font-size: 14px;
}
h5
{
    font-size: 13px;
    font-weight: bold;
}
h6
{
    font-size: 12px;
    font-weight: bold;
}

div.SubPageHead { margin: 0; padding: 0; background-image: url(../images/innerbanner.jpg); background-repeat:no-repeat; height: 99px; }
div.SubPageHead h1 { padding: 32px 0 0 32px; color: #fff; font-size: 27px; }

a.HeadingLink
{
    font-size: 12px;
}

/* -------------------------------------------------------------------------- */
/* notice */
/* -------------------------------------------------------------------------- */
#Notice
{
    margin-top: 10px;
}
.NoticeError p, .NoticeInformation p
{
    padding: 0;
    margin: 0;
}
.NoticeError, .NoticeInformation
{
    padding: 3px 10px 3px 10px;
    font-weight: bold;
    margin-bottom: 10px;
}
.NoticeError
{
    background-color: #990000;
    border: solid 1px #990000;
    color: #fff;
}
.NoticeInfo
{
    border: solid 1px green;
    color: green;
}

.NoticeInfo
{
    background-color: #009900;
    border: solid 1px #009900;
    color: #fff;
}



/* -------------------------------------------------------------------------- */
/* right hand panel */
/* -------------------------------------------------------------------------- */
.rNavBox
{
    border: 1px solid #a8a8a8;
    background-color: #f7f7f7;
    padding: 2px;
    margin-bottom: 20px;
}
.rNavBox .Head
{
    background: url(../images/rnav_head_bg.jpg) #ccc repeat-x bottom left;
    height: 34px;
}
.rNavBox .Head h5
{
    padding: 10px 2px 10px 10px;
    font-size: 15px;
    margin: 0;
    text-transform: uppercase;
    color: #fff;
    font-family: Arial,Verdana,Helvetica,sans-serif;
}
.rNavBox .content
{
    padding: 6px 12px 6px 12px;
}
.rNavBox h5.SubHead
{
    clear: both;
    height: 22px;
    vertical-align: middle;
    line-height: 22px;
    color: #2c2c2c;
    text-transform: uppercase;
    font-size: 12px;
    font-family: "Lucida Sans Unicode" , "Lucida Grande" ,Verdana,Arial,Helvetica,sans-serif;
    font-weight: 600;
    margin-top: 8px;
    border-bottom: solid 1px #387588;
}
.rNavBox h5.SubHead a
{
    color: #2c2c2c;
}

/* -------------------------------------------------------------------------- */
/* home page */
/* -------------------------------------------------------------------------- */
.LargeText
{
    color: #2c2c2c;
    font-size: 15px;
    line-height: 21px;
    clear: both;
}
#HomepageMainImage
{
    background: url(../images/hero/hp_hero.jpg) #fff no-repeat top right;
    width: 872px;
    height: 224px;
}
#HomepageLeftButtons
{
    float: left;
    padding-top: 151px;
    padding-left: 32px;
    width: 360px;
}
#HomepageRightButtons
{
    float: right;
    padding-top: 120px;
    padding-right: 73px;
}

/* -------------------------------------------------------------------------- */
/* Breadcrumb Trail */
/* -------------------------------------------------------------------------- */
#Breadcrumbs
{
    height: 26px;
    border-bottom: dotted 1px #ccc;
    margin: 10px 0 8px 0;
}
#Breadcrumbs a
{
    text-decoration: none;
    font-style: italic;
}
#Breadcrumbs a:hover
{
    text-decoration: underline;
}
#Breadcrumbs span
{
    padding: 0 3px 0 3px;
    text-align: center;
}

/* -------------------------------------------------------------------------- */
/* form styles */
/* -------------------------------------------------------------------------- */
div.FormElement
{
    padding: 6px 0 6px 0;
}
div.FormElement input, div.FormElement select, div.FormElement textarea
{
    font-family: Sans-Serif, Arial, Tahoma;
    font-size: 12px;
}
div.FormElement label
{
    float: left;
    width: 130px;
    color: #666;
}
div.FormElement label.small
{
    float: left;
    width: 60px;
    color: #666;
}
div.FormElement label.wide
{
    float: left;
    width: 180px;
    color: #666;
}
div.FormElement .tny
{
    width: 45px;
}
div.FormElement .sml
{
    width: 80px;
}
div.FormElement .med
{
    width: 160px;
}
div.FormElement .lrg
{
    width: 300px;
}
div.FormElement .xlg
{
    width: 500px;
}
div.FormElement p
{
    color: #aaa;
    padding-top: 4px;
    margin: 0 0 0 130px;
}
div.FormElement span.left
{
    margin-left: 10px;
    font-style: italic;
}
div.OldValue 
{ 
    padding: 0px 3px 2px 135px ; 
    font-size: 11px; 
    color:#0000FF
}

/* -------------------------------------------------------------------------- */
/* Pager Bar */
/* -------------------------------------------------------------------------- */
.ResultPagerBar
{
    padding: 3px 0 3px 0;
    height: 44px;
    margin-bottom: 3px;
    text-align: center;
}
.ResultPagerBar .Info
{
    font-weight: bold;
    font-size: 11px;
}
.ResultPagerBar .Pager
{
    margin: 3px 20px 3px 10px;
    height: 24px;
    padding-top: 3px;
}

a.PageNumber
{
    line-height: 24px;
    font-family: Tahoma;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    margin: 0 4px 0px 0;
    border: solid 1px #6D2517;
    background-color: #F7F7F7;
    text-decoration: none;
}
a.PageNumber:hover
{
    border: solid 1px #6D2517;
    background-color: #0F1923;
    color: #fff;
    text-decoration: none;
}

a.CurrentPageNumber
{
    line-height: 24px;
    font-family: Tahoma;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    margin: 0 4px 0px 0;
    border: solid 1px #6D2517;
    background-color: #0F1923;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
}
a.CurrentPageNumber:hover
{
    border: solid 1px #990000;
    text-decoration: none;
}

span.DisabledPage
{
    font-family: Tahoma;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    margin: 0 4px 0px 0;
    border: solid 1px #ccc;
    background-color: #F7F7F7;
    text-decoration: none;
    color: #ccc;
}

/* -------------------------------------------------------------------------- */
/* WizardPages */
/* -------------------------------------------------------------------------- */

#frmCountWizard
{
    background-color: #fff; /*border: solid 2px #ccc; padding: 6px 20px 20px 20px;*/
    margin: 0;
}

#frmAminSearch
{
    background-color: #fff; /*border: solid 2px #ccc; padding: 6px 20px 20px 20px;*/
    margin: 0;
}

#WizProgress
{
    text-align: center;
}
#WizProgress img
{
    border: none;
    margin-right: 3px;
    padding: 0;
}

.WizardPage
{
    display: none;
}
.WizardPageOn
{
    display: block;
}
.WizardPageOn label.all
{
    color: #222;
}
.WizardPageOn label
{
    color: #555;
}
.WizardPageSelections
{
    background-color: #fff;
    border: solid 2px #ccc;
    padding: 0 10px 10px 10px;
    margin: 0;
}

.WizardPageOn div.OptionList
{
    padding-left: 20px;
}

.WizardPageOn .hide
{
    display: none;
}
.WizardPageOn .show
{
    display: block;
}

.WizNavBtns
{
    padding: 4px;
    margin: 10px 0 10px 0;
    text-align: center;
    padding: 4px 0 4px 0;
}
.WizNavBtns.top
{
    /*border-bottom: dashed 1px #ccc;*/
    margin-bottom: 10px;
    padding-bottom: 8px;
}
.WizNavBtns.bot
{
    border-top: dashed 1px #ccc;
    margin-top: 10px;
    padding-top: 8px;
}

.WizNavBtns a
{
    margin-right: 10px;
    border: solid 1px #ccc;
    padding: 3px 10px 3px 10px;
    text-decoration: none;
}
.WizNavBtns a.Next
{
    background: #F7F7F7 url(../images/tb/next.gif) no-repeat;
    background-position: right;
    padding-right: 22px;
}
.WizNavBtns a.Prev
{
    background: #F7F7F7 url(../images/tb/prev.gif) no-repeat;
    background-position: left;
    padding-left: 22px;
}

.WizardPageOn .SearchCountLoader
{
    display: none;
}

/*.WizardPageOn .ListStep { height: 50px; font-size: 16px; line-height: 50px; margin-bottom: 16px; padding: 6px; width: 300px; margin: 0 auto 16px auto; text-align: left; }*/
.WizardPageOn .ListStep
{
    margin-bottom: 16px;
    padding-top: 4px;
    margin-bottom: 16px;
    text-align: left;
}
.WizardPageOn .ListStep a
{
    text-decoration: none;
}
.WizardPageOn .ListStep .Action
{
    padding: 0;
    margin: 0;
    font-size: 17px;
    line-height: 26px;
}
.WizardPageOn .ListStep .Description
{
    padding: 0;
    margin: 0;
    font-size: 11px;
    color: #666;
}

.CountResultActions
{
    margin-bottom: 4px;
    padding: 3px 0 3px 0;
}
.CountResultActions a
{
    padding: 2px 8px 2px 20px;
    margin: 0;
    line-height: 18px;
    border: solid 1px #fff;
    text-decoration: none;
    background-color: #bbb;
}
.CountResultActions a:hover
{
    border: solid 1px #333;
}
.CountResultActions a.IncludeAll
{
    background: url(../images/icons/16_all.gif) no-repeat left;
}
.CountResultActions a.Purchase
{
    background: url(../images/icons/16_cart.gif) no-repeat left;
}
.CountResultActions a.Summary
{
    background: url(../images/icons/16_summary.gif) no-repeat left;
}


/* -------------------------------------------------------------------------- */
/* orders */
/* -------------------------------------------------------------------------- */
.SmallOrderSummary td
{
    font-size: 11px;
    vertical-align: top;
    padding: 2px;
}
.SmallOrderSummary .Subtotal td
{
    font-weight: bold;
}
.SmallOrderSummary .Total td
{
    font-weight: bold;
    color: #990000;
    text-align: center;
    padding-top: 6px;
    font-size: 13px;
}
.SmallOrderSummary .LineAbove td
{
    border-top: solid 1px #333;
}

.SmallText
{
    font-size: 11px;
}


/* -------------------------------------------------------------------------- */
/* Tree Nodes */
/* -------------------------------------------------------------------------- */
.TreeContainer
{
    margin-top: 6px;
}
.TreeSmall, .Tree
{
    padding: 6px;
}
.TreeSmall
{
    height: 300px;
    width: 450px;
}
.Tree div, .TreeSmall div
{
    float: left;
}
.Tree ul
{
    margin: 0 0 0 12px;
    padding: 0 0 0 12px;
}
.Tree li
{
    list-style-type: none;
    clear: both;
    line-height: 150%;
}
.Tree .NodeIcon
{
    width: 10px;
    background-color: Green;
}
.Tree .ns
{
    margin-right: 6px;
}
.Tree .nts
{
    color: #990000;
    font-weight: bold;
}
.Tree .nt-hide
{
    display:none;    
}
.Tree .m, .Tree .p, .Tree .s, .Tree .f
{
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    height: 20px;
    width: 22px;
}
.Tree .m
{
    background-image: url(../images/tree/folder_delete.png);
}
.Tree .p, .Tree .f
{
    background-image: url(../images/tree/folder_add.png);
}
.Tree .s
{
    background-image: url(../images/tree/tag_green.png);
}
.Tree ul.show
{
    display: block;
}
.Tree ul.hide
{
    display: none;
}

/* -------------------------------------------------------------------------- */
/* Search Results */
/* -------------------------------------------------------------------------- */
.SearchResults
{
    margin-bottom: 20px;
    font-size: 11px;
}
.SearchResults ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    clear: both;
}
tr.even
{
    background-color: #F7F7F7;
}
tr.reallocated
{
	background-color: #CCCCFF;
}
.SearchResults .Head td
{
    border-bottom: dotted 1px #ccc;
    font-weight: bold;
}
.SearchResults .Foot td
{
    border-top: dotted 1px #ccc;
}
.SearchResults .ContactResults
{
    width: 98%;
}
.SearchResults .LineSep td
{
    border-bottom: dotted 1px #ccc;
    padding-bottom: 12px;
    margin-bottom: 6px;
}
.SearchResults td
{
    vertical-align: top;
    padding: 3px 8px 3px 3px;
}

p.UserSubInfo
{
    margin: 0;
    padding: 0;
}

/* -------------------------------------------------------------------------- */
/* Collection Pages */
/* -------------------------------------------------------------------------- */
.CollectionStats
{
    width: 99.9%;
}
.CollectionStats td
{
    vertical-align: top;
    padding: 6px;
}

ul.DisplayList
{
    margin: 0;
    padding: 10px 0 0 0;
}
ul.DisplayList li
{
    list-style: none;
    padding-bottom: 16px;
}
ul.DisplayList img
{
    border: none;
}
ul.DisplayList img.Icon
{
    float: left;
    padding-right: 10px;
}
ul.DisplayList h3
{
    margin-left: 70px;
}
ul.DisplayList p
{
    margin-left: 70px;
}
ul.DisplayList h2 a
{
    text-decoration: none;
}

h2.CollectionSub
{
    border-bottom: solid 2px #ccc;
    padding-top: 10px;
}
h4.CollectionSub
{
    border-bottom: solid 1px #ccc;
    padding-top: 10px;
}

.StatTable .even
{
    background-color: #F7F7F7;
}
.StatTable .Head td
{
    border-bottom: dotted 1px #ccc;
    font-weight: bold;
}
.StatTable .Foot td
{
    border-top: dotted 1px #ccc;
}
.StatTable .LineSep td
{
    border-bottom: dotted 1px #ccc;
    padding-bottom: 12px;
    margin-bottom: 6px;
}
.StatTable td
{
    vertical-align: top;
    padding: 3px 5px 3px 3px;
    font-size: 11px;
    text-transform: uppercase;
    font-size: 10px;
}

/* -------------------------------------------------------------------------- */
/* Collection Search  */
/* -------------------------------------------------------------------------- */
#dvDownloadOptions
{
    background-color: #fff;
}
#dvDownloadError
{
    color: #990000;
    font-weight: bold;
    display: none;
    border: solid 2px #990000;
    padding: 4px;
}
.DownloadDialog
{
    padding: 20px;
    text-align: left;
    font-size: 11px;
}

.CoyDetail
{
    text-align: left;
    padding: 2px 12px 20px 12px;
    font-size: 12px;
}
.CoyDetail h2
{
    margin-top: 5px;
}
.CoyDetail h3
{
    margin-top: 20px;
    border-bottom: solid 1px #ccc;
}
.CoyDetail td
{
    vertical-align: top;
}
.CoyContactList td
{
    vertical-align: top;
    padding: 0 20px 20px 0;
}
.ContactDetails td
{
    padding-right: 40px;
}

.CollectionResultLoader
{
    text-align: center;
    z-index: 99;
    position: absolute;
    top: 50px;
    margin-left: 280px;
    background-color: #fff;
}
.CollectionResultLoader img
{
    padding: 0;
    margin: 0;
}
#dvResultLoader
{
    border: solid 2px #ccc;
    padding: 6px;
    background-color: #fff;
}
#dvResultLoader p
{
    font-family: Tahoma, Arial, Sans-serif;
    font-weight: bold;
    line-height: 19px;
    padding: 0;
    margin: 0;
}

a.Email
{
    padding-left: 20px;
    background: url(../images/icons/email.gif) no-repeat left;
}
a.URL
{
    padding-left: 20px;
    background: url(../images/icons/url.gif) no-repeat left;
}
.Tel
{
    padding-left: 20px;
    background: url(../images/icons/telephone.gif) no-repeat left;
}
.Fax
{
    padding-left: 20px;
    background: url(../images/icons/fax.gif) no-repeat left;
}
.AltTel
{
    padding-left: 20px;
    background: url(../images/icons/alt_telephone.gif) no-repeat left;
}

#dvViewDwnSummary
{
    font-size: 11px;
}
#dvViewDwnSummary h5
{
    margin: 6px 0 0 0;
    padding: 0;
}
#dvViewDwnSummary .Highlight
{
    font-weight: bold;
    color: #990000;
}

#CheckoutStatusBar
{
    text-align: center;
    margin: 6px 0 6px 0;
}

.CardError
{
    font-weight: bold;
    color: #990000;
}


/* -------------------------------------------------------------------------- */
/* Tabs and Tab Sections */
/* -------------------------------------------------------------------------- */

#Tabs
{
    padding: 0 0 2px 0;
    margin: 0 0 10px 10px;
}
#Tabs a
{
    padding: 2px 6px 2px 6px;
    margin: 0 4px 0 4px;
    text-decoration: none;
    border: solid 1px #ccc;
    font-size: 11px;
    background-color: #F7F7F7;
    color: #333;
}
#Tabs a.TabSel
{
    margin-bottom: 2px;
    background-color: #fff;
    color: #000099;
}

#TabSections
{
    margin-right: 10px;
    padding: 6px 20px 20px 20px;
}
#TabSections h3
{
    font-weight: normal;
}
#TabSections h4
{
    border-bottom: dotted 1px #ccc;
    font-weight: normal;
    padding: 0 0 4px 0;
}

.TabSection
{
    display: none;
    visibility: hidden;
}
.TabSectionShow
{
    display: block;
    visibility: visible;
}


/* -------------------------------------------------------------------------- */
/* Admin Icon Toolbar */
/* -------------------------------------------------------------------------- */
.IconToolbar
{
    background-color: #F7F7F7;
    height: 24px;
    border-bottom: dotted 1px #ccc;
    padding-top: 2px;
}

.IconToolbar a
{
    text-decoration: none;
    padding: 2px 4px 2px 20px;
    line-height: 20px;
    margin: 0 6px;
    border: solid 1px #F7F7F7;
    color: #bbb;
}
.IconToolbar a:hover
{
    border: solid 1px #ccc;
    color: #333;
}
/*
.IconToolbar a.Add { background: url(../Images/tb/add.gif) no-repeat left; }
.IconToolbar a.Search { background: url(../Images/tb/search.gif) no-repeat left; }
.IconToolbar a.Results { background: url(../Images/tb/results.gif) no-repeat left; }
.IconToolbar a.Refresh { background: url(../Images/tb/database_refresh.gif) no-repeat left; }
.IconToolbar a.Selections { background: url(../Images/tb/edit_selections.gif) no-repeat left; }
*/

a.Add
{
    background: url(../Images/tb/add.gif) no-repeat left;
}
a.Results
{
    background: url(../Images/tb/results.gif) no-repeat left;
}
a.Search
{
    background: url(../Images/tb/search.gif) no-repeat left;
}
a.Refresh
{
    background: url(../Images/tb/database_refresh.gif) no-repeat left;
}
a.Selections
{
    background: url(../Images/tb/edit_selections.gif) no-repeat left;
}
a.AddCollection
{
    background: url(../Images/tb/database_add.gif) no-repeat left;
    padding-left: 20px;
}
a.AddUser
{
    background: url(../Images/tb/user_add.gif) no-repeat left;
    padding-left: 20px;
}
a.Users
{
    background: url(../Images/tb/users.gif) no-repeat left;
    padding-left: 20px;
}
a.Update
{
    background: url(../Images/tb/edit.gif) no-repeat left;
    padding-left: 20px;
}
a.UpdateSelections
{
    background: url(../Images/tb/edit_selections.gif) no-repeat left;
    padding-left: 20px;
}
a.Delete
{
    background: url(../Images/tb/delete.gif) no-repeat left;
    padding-left: 20px;
}
a.SaleItems
{
    background: url(../Images/tb/money_dollar.gif) no-repeat left;
    padding-left: 20px;
}


/* -------------------------------------------------------------------------- */
/* Buttons */
/* -------------------------------------------------------------------------- */
input.Add
{
    border: solid 1px #ccc;
    background: #F7F7F7 url(../images/tb/add.gif) no-repeat left;
    background-position:3px;
    padding: 2px 2px 2px 23px;
    cursor:pointer;
}
input.Save
{
    border: solid 1px #ccc;
    background: #F7F7F7 url(../images/tb/save.gif) no-repeat left;
    padding: 6px 6px 6px 26px;
    margin-right: 10px;
    cursor:pointer;
}
input.Cancel
{
    border: solid 1px #ccc;
    background: #F7F7F7 url(../images/tb/cancel.gif) no-repeat left;
    padding: 6px 6px 6px 26px;
    cursor:pointer;
}
input.Break
{
    border: solid 1px #ccc;
    background: #F7F7F7 url(../images/tb/coffee.png) no-repeat left;
    padding: 6px 6px 6px 30px;
    background-position:3px;
    cursor:pointer;
}
input.Search
{
    border: solid 1px #ccc;
    background: #F7F7F7 url(../images/tb/search1.png) no-repeat left;
    padding: 6px 6px 6px 26px;
    background-position:3px;
    cursor:pointer;
}
input.Export
{
    border: solid 1px #ccc;
    background: #F7F7F7 url(../images/tb/excel.png) no-repeat left;
    padding: 6px 6px 6px 26px;
    background-position:3px;
    cursor:pointer;
}
input.Commit
{
    border: solid 1px #ccc;
    background: #F7F7F7 url(../images/tb/commit.png) no-repeat left;
    padding: 6px 6px 6px 29px;
    background-position:3px;
    cursor:pointer;
}
input.UpdateErrorCode
{
    border: solid 1px #ccc;
    background: #F7F7F7 url(../images/tb/update_error_code.gif) no-repeat left;
    padding: 0px 1px 1px 15px;
    background-position:3px;
    cursor:pointer;
    font-weight:normal;
    width:70px;
    height:20px;
    color:#333333
}
input.BulkApproval
{
    border: solid 1px #ccc;
    background: #F7F7F7 url(../images/tb/bulk_approval.png) no-repeat left;
    padding: 6px 6px 6px 26px;
    background-position:3px;
    cursor:pointer;
}
a.Close
{
    border: solid 1px #ccc;
    background: #F7F7F7 url(../images/tb/close_popup.png) no-repeat left;
    padding: 6px 6px 6px 30px;
    background-position:3px;
    color:#000000;
}
a.AddContact
{
    border: solid 1px #ccc;
    background: #F7F7F7 url(../images/tb/user_add.gif) no-repeat left;
    padding: 6px 6px 6px 30px;
    background-position:3px;
    color:#000000;
}
a.AddUser
{
    border: solid 1px #ccc;
    background: #F7F7F7 url(../images/tb/user_add.gif) no-repeat left;
    padding: 6px 6px 6px 30px;
    background-position:3px;
    color:#000000;
}
a.Add
{
    border: solid 1px #ccc;
    background: #F7F7F7 url(../images/tb/add.gif) no-repeat left;
    padding: 6px 6px 6px 30px;
    background-position:3px;
    color:#000000;
}

/* -------------------------------------------------------------------------- */
/* Collection Setup */
/* -------------------------------------------------------------------------- */
.CollectionSetup
{
    width: 99.9%;
}
.CollectionSetup .Summary
{
    vertical-align: top;
    width: 180px;
}
.CollectionSetup .Content
{
    vertical-align: top;
    padding-left: 20px;
}


/* -------------------------------------------------------------------------- */
/* Shopping Cart */
/* -------------------------------------------------------------------------- */
.ShoppingCart .even
{
    background-color: #F7F7F7;
}
.ShoppingCart .Head td
{
    border-bottom: dotted 1px #ccc;
    font-weight: bold;
}
.ShoppingCart .Foot td
{
    border-top: dotted 1px #ccc;
}
.ShoppingCart .LineSep td
{
    border-bottom: dotted 1px #ccc;
    padding-bottom: 12px;
    margin-bottom: 6px;
}
.ShoppingCart td
{
    vertical-align: top;
    padding: 3px 8px 3px 3px;
}

/* -------------------------------------------------------------------------- */
/* Case Studies */
/* -------------------------------------------------------------------------- */
ul.CaseStudies
{
    margin: 0;
    padding: 10px 0 0 0;
}
ul.CaseStudies li
{
    list-style: none;
    padding-bottom: 16px;
    clear: left;
}

ul.CaseStudies .Image
{
    float: left;
    height: 100px;
    width: 100px;
}
ul.CaseStudies .Image img
{
    width: 80px;
}

.CaseStudy .Image
{
    float: right;
    width: 210px;
    padding: 0 0 10px 10px;
}
.CaseStudy .Image img
{
    width: 200px;
}
.CaseStudy .TagLine
{
    padding: 4px;
    font-style: italic;
}
.CaseStudy .ContactName
{
    font-weight: bold;
}
.CaseStudy .Profile
{
    font-style: italic;
}

/* -------------------------------------------------------------------------- */
/* News */
/* -------------------------------------------------------------------------- */
ul.News
{
    margin: 0;
    padding: 10px 0 0 0;
}
ul.News li
{
    list-style: none;
    padding-bottom: 16px;
    clear: left;
}
ul.News .Date
{
    text-transform: uppercase;
    font-size: 11px;
}
ul.News .Image
{
    float: left;
    height: 100px;
    width: 100px;
}
ul.News .Image img
{
    width: 80px;
}
.NewsItem .Image
{
    float: right;
    width: 210px;
    padding: 0 0 10px 10px;
}
.NewsItem .Image img
{
    width: 200px;
}


/* -------------------------------------------------------------------------- */
/* Trial Subscriptions */
/* -------------------------------------------------------------------------- */
ul.FreeTrials
{
    margin: 0;
    padding: 6px 0 0 0;
}
ul.FreeTrials li
{
    list-style: none;
    padding-bottom: 8px;
    clear: left;
}
ul.FreeTrials p
{
    padding: 0 0 2px 0;
    margin: 0;
}

/* -------------------------------------------------------------------------- */
/* Dialog boxes */
/* -------------------------------------------------------------------------- */
.overlay_dialog
{
    background-color: #ccc;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.overlay___invisible__
{
    background-color: #666666;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

/*
.dialog_nw {
	width: 9px;
	height: 23px;
	background: transparent url(default/top_left.gif) no-repeat 0 0;		
}

.dialog_n {
	background: transparent url(default/top_mid.gif) repeat-x 0 0;	
	height: 23px;
}

.dialog_ne {
	width: 9px;
	height: 23px;
	background: transparent url(default/top_right.gif) no-repeat 0 0;		
}

.dialog_e {
	width: 2px;
	background: transparent url(default/center_right.gif) repeat-y 0 0;	
}

.dialog_w {
	width: 2px;
	background: transparent url(default/center_left.gif) repeat-y 0 0;		
}

.dialog_sw {
	width: 9px;
	height: 19px;
	background: transparent url(default/bottom_left.gif) no-repeat 0 0;			
}

.dialog_s {
	background: transparent url(default/bottom_mid.gif) repeat-x 0 0;		
	height: 19px;
}

.dialog_se {
	width: 9px;
	height: 19px;
	background: transparent url(default/bottom_right.gif) no-repeat 0 0;			
}
*/
.dialog_sizer
{
    width: 9px;
    height: 19px;
    background: transparent url(default/sizer.gif) no-repeat 0 0;
    cursor: se-resize;
}

.dialog_close
{
    width: 14px;
    height: 14px;
    background: transparent url(default/close.gif) no-repeat 0 0;
    position: absolute;
    top: 5px;
    left: 8px;
    cursor: pointer;
    z-index: 2000;
}

.dialog_minimize
{
    width: 14px;
    height: 15px;
    background: transparent url(default/minimize.gif) no-repeat 0 0;
    position: absolute;
    top: 5px;
    left: 28px;
    cursor: pointer;
    z-index: 2000;
}

.dialog_maximize
{
    width: 14px;
    height: 15px;
    background: transparent url(default/maximize.gif) no-repeat 0 0;
    position: absolute;
    top: 5px;
    left: 49px;
    cursor: pointer;
    z-index: 2000;
}

.dialog_title
{
    float: left;
    height: 14px;
    text-align: left;
    width: 100%;
    color: #000;
}

.dialog_content
{
    overflow: auto;
    color: #333;
    border: solid 1px #333;
    background-color: #fff;
}

.top_draggable, .bottom_draggable
{
    cursor: move;
}

.status_bar
{
    font-size: 12px;
}
.status_bar input
{
    font-size: 12px;
}

.wired_frame
{
    display: block;
    position: absolute;
    border: 1px #000 dashed;
}

/* DO NOT CHANGE THESE VALUES*/
.dialog
{
    display: block;
    position: absolute;
}
.dialog table.table_window
{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
/*.dialog table.table_window td , .dialog table.table_window th { padding: 0; }*/
.dialog .title_window
{
    -moz-user-select: none;
}


.TryNow
{
    width: 100px;
    float: right;
}
.SmallDesc
{
    font-size: 11px;
    color: #333;
}
.line
{
    background-color: #fff;
    border-bottom: solid 1px black;
    padding: 3px;
}
.subtitleLU
{
    text-align: left;
    width: 100%;
    font-size: 20px;
    font-style: italic;
}
.contentwidthLU
{
    padding-left: 50px;
    padding-right: 50px;
}
.LargeTextLU
{
    width: 500px;
    text-align: justify;
    padding-left:90px;
}
.headerTextLU
{
    width: 100%;
    font-size: 19px;
}
.ipAddressesFont
{
    font-size: 11px;
    background-color: #c0c0c0;
    color: #a32300;
    padding-bottom: 5px;
    padding-top: 5px;
}
#ipContainer
{
    width: 300px;
    background-color: #fff;
    margin: 0 auto 0 auto;
    padding: 0 0 0px 0;
    text-align: left;
    height: auto;
    min-height: 100%;
    overflow: visible;
    border-right: solid 1px #333;
    border-left: solid 1px #333;
    border-bottom: solid 1px #333;
}
.ipSearchResults
{
    font-size: 11px;
    text-align: center;
    border: solid 1px #a8a8a8;
}
.user-entry-code
{
    width: 275px;
}
.user-entry-med
{
    width: 295px;
}
.user-entry-small
{
    width: 155px;
}
.buttons
{
    background-color: #F7F7F7;
    border: 1px solid #CCCCCC;
    color: #333333;
    font-size: 12px;
    margin: 0 4px;
    padding: 2px 4px;
    text-decoration: none;
    cursor: pointer;
}
ul.DisplayListLU
{
    margin: 0;
    padding: 10px 0 0 0;
}
ul.DisplayListLU li
{
    list-style: none;
   /* padding-bottom: 10px;*/
}
ul.DisplayListLU img
{
    border: none;
}
ul.DisplayListLU img.Icon
{
    float: left;
    padding-right: 10px;
    padding-left: 15px;
}
ul.DisplayListLU h3
{
    margin-left: 70px;
}
ul.DisplayListLU p
{
    margin-left: 0px;
}
ul.DisplayListLU h2 a
{
    text-decoration: none;
}
.lineLU
{
    background-color:#fff;
    border-bottom: solid 1px black;
    padding:3px 3px 15px 90px;
}

.hide
{
	display:none;
}

div.Title
{
    padding: 6px; 
    border: solid 1px #ccc;
    width:95%;
}

/* -------------------------------------------------------------------------- */
/* Break Time */
/* -------------------------------------------------------------------------- */
.break
{
    border:solid 1px #000000;
    background-color: #ffffff; 
    height: 150px; 
    width: 400px; 
    position: fixed; 
    z-index: 100001; 
    left: 300px; 
    top: 200px; 
}

.popupbg 
{
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: 10000; 
    width: 1007px; 
    height: 994px; 
    background-color:#C4D6F1;
    opacity:0.7;
}

div.aligncenter
{
     margin: 20px 0px 10px; 
     text-align: center;
}

/* -------------------------------------------------------------------------- */
/* Appoval */
/* -------------------------------------------------------------------------- */
input.ButtonApprove, input.ButtonUnApprove 
{ 
    padding: 1px 1px 1px 5px; 
    background-repeat: no-repeat; 
    font-family: Tahoma; 
    font-size: 10px; 
    margin: 0px 10px 0px 0px; 
    border: solid 1px #ccc; 
    color: #333; 
    cursor: pointer; 
    background-color: #F7F7F7; width: 75px;
}

input.ButtonApprove 
{ 
    background-image:url('../Images/approve.gif'); 
}

input.ButtonUnApprove 
{ 
    background-image:url('../Images/unapprove.gif'); 
}

input.ButtonApproveAll, input.ButtonUnApproveAll 
{ 
    padding: 1px 1px 1px 5px; 
    background-repeat: no-repeat; 
    font-family: Tahoma; 
    font-size: 10px; 
    margin: 0px 10px 0px 0px; 
    border: solid 1px #ccc; 
    color: #333; 
    cursor: pointer; 
    background-color: #F7F7F7; width: 100px;
}

input.ButtonApproveAll 
{ 
    background-image:url('../Images/approve.gif'); 
}

input.ButtonUnApproveAll
{ 
    background-image:url('../Images/unapprove.gif'); 
}

input.ChangeLog 
{ 
    padding: 1px 1px 1px 5px; 
    background-repeat: no-repeat; 
    font-family: Tahoma; 
    font-size: 10px; 
    margin: 0px 10px 0px 0px; 
    color: #333; 
    cursor: pointer;
    border: none;  
    background-color: #ffffff; width: 30px;
}

input.ChangeLog 
{ 
    background-image:url('../Images/log.png'); 
}

.Approved, .NotApproved 
{ 
    font-weight: bold; 
    margin: 0; 
    padding: 1px 3px 0 22px; 
    width: 96px; 
    height: 16px; 
    background-repeat: no-repeat; 
    background-position: left; 
    font-family: Tahoma; 
    font-size: 10px; 
}

.Approved 
{ 
    background-image: url('../Images/approved.gif'); color: Green; 
}

.NotApproved 
{ 
    background-image: url('../Images/not_approved.gif'); color: Red; 
}

#ChangePassword a
{
    float: left;
    height: 10px;
    line-height: 10px;
    padding-right:10px;
    width: 100px;
    font-family: "Lucida Sans Unicode" , "Lucida Grande" ,Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #A32300;
    text-decoration: none;
}
#PRCReferenceGuide a
{
    float: left;
    height: 10px;
    line-height: 10px;
    padding-right:10px;
    width: 120px;
    font-family: "Lucida Sans Unicode" , "Lucida Grande" ,Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #A32300;
    text-decoration: none;
}


/********************************************** New Styles *****************/
#LeftColhome{ width: 348px; float:left; }
#RightColhome { width: 437px; float:right; margin-right:15px; }

.bluebg { background:url(../images/bluebg.png) no-repeat; width:362px; float:left; padding:20px 0px 22px 14px; margin-bottom:14px;}
.bluebg img { padding-right:14px; }
.bluebg .title { font-size:17px; color:#00394b; padding-bottom:5px; }
.bluebg .title a { font-size:17px; color:#00394b; text-decoration:none; font-weight:bold; }
.bluebg .title a:hover { font-size:17px; color:#990000; text-decoration:none; }

.graybg { background:url(../images/graybg.png) no-repeat #ffffff; width:349px; float:left; padding: 17px 14px; margin-bottom:14px; }
.graybg img { padding-left:14px; }
.graybg .title { font-size:17px; color:#222222; padding-bottom:5px; font-weight:bold; }
.graybg .title a { font-size:17px; color:#222222; text-decoration:none; }
.graybg .title a:hover { font-size:17px; color:#990000; text-decoration:none; }

/* USE THIS FOR MONTHLY PROMOTIONS

.calendar { width:400px; float:left; padding:14px 14px 23px 0px; margin-left:14px; margin-bottom:25px; border-bottom:1px solid #cccccc; }*/

.calendar { width:400px; float:left; padding:14px 14px 9px 0px; margin-left:14px; margin-bottom:25px; border-bottom:1px solid #cccccc; }
.calendar img { padding-right:14px; }
.calendar .title { font-size:25px; letter-spacing:-1px; color:#061E4A; padding:18px 0px 5px 0px; float:left; margin-bottom:14px; font-weight:bold; }
.calendar .title a { font-size:25px; color:#061E4A; text-decoration:none; }
.calendar .title a:hover { color:#990000; text-decoration:none; }

.calendar .title1 { font-size:20px; letter-spacing:-1px; color:#061E4A; padding:18px 0px 5px 0px; float:left; }
.calendar .title1 a { color:#061E4A; text-decoration:none; }
.calendar .title1 a:hover { color:#990000; text-decoration:none; }


.promotion { width:548px; float:left; padding:14px 14px 27px 14px; margin-bottom:150px; text-align:justify; }
.promotion img { margin-bottom:14px; }
.promotion .title { font-size:25px; letter-spacing:-1px; color:#061E4A; padding:18px 0px 5px 0px; float:left; margin-bottom:14px; font-weight:bold; }
.promotion .title i { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.promotion .title a { font-size:25px; color:#222222; text-decoration:none; }
.promotion .title a:hover { color:#222222; text-decoration:underline; }
.promotion span { color:#ff0000; }
.promotion ul { list-style-type:none; padding:0px 3px 3px 32px; margin:15px 0px 0px 0px; font-size:14px; font-weight:bold; }
.promotion ul li { background:url(../images/tick.jpg) no-repeat 3px 0px; padding:2px 3px 15px 32px; }
.promotion ul li a { color:#034083; text-decoration:none; }
.promotion ul li a:hover { text-decoration:none; border-bottom:1px dashed #034083; }

.icons { width:210px; float:right; padding:0px 0px 23px 0px; margin-bottom:5px; }
.icons img { padding-top:0px; }
.icons .title { font-size:14px; font-weight:bold; color:#222222; padding:0px 0px 5px 0px; float:left; width:140px;  }
.icons .title a { font-size:14px; color:#061E4A; text-decoration:none; }
.icons .title a:hover { color:#990000; text-decoration:none; }

.fl { float:left; }
.fr { float:right; }

.resultsum { width:568px; float:left; padding:14px 14px 27px 14px; margin-bottom:150px; text-align:justify; }
.resultsum img { margin-bottom:14px; }
.resultsum .title { font-size:20px; letter-spacing:-1px; color:#061E4A; padding:0px 0px 5px 0px; float:left; margin-bottom:14px; }
.resultsum .title i { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.resultsum .title a { font-size:25px; color:#222222; text-decoration:none; }
.resultsum .title a:hover { color:#222222; text-decoration:underline; }
.resultsum span { color:#ff0000; }

.purchasebox { background-color:#eeeeee; float:left; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; padding:10px 10px 10px 10px; margin-bottom:5px; margin-top:-5px; }
.purchasebox h2 { font-size:23px; color:#00556f; margin:0px; }
.purchasebox img { padding-top:5px; padding-right:9px; margin-bottom:0px; }

.freetrail { margin-top:25px; float:right; width:509px;  }

.freetrail .bluebg { background:url(../images/bluebg-ft.png) no-repeat; width:405px; float:left; padding:20px 23px 22px 23px; margin-bottom:14px;}
.freetrail .bluebg img { padding-right:23px; }
.freetrail .bluebg .title { font-size:17px; color:#00394b; padding-bottom:5px; margin-top:5px; }
.freetrail .bluebg .title a { font-size:17px; color:#00394b; text-decoration:none; font-weight:bold; }
.freetrail .bluebg .title a:hover { font-size:17px; color:#990000; text-decoration:none; }

.freetrail .graybg { background:url(../images/graybg-ft.png) no-repeat; width:405px; float:left; padding:20px 23px 22px 23px; margin-bottom:14px;}
.freetrail .graybg img { padding-left:14px; }
.freetrail .graybg .title { font-size:17px; color:#222222; padding-bottom:5px; font-weight:bold; margin-top:5px; }
.freetrail .graybg .title a { font-size:17px; color:#222222; text-decoration:none; }
.freetrail .graybg .title a:hover { font-size:17px; color:#990000; text-decoration:none; }

#Mainhome { height:auto; font-size: 12px; padding-bottom: 30px; margin-bottom: 20px; }

.txtboxdate { padding:4px; border:1px solid #cccccc; width:80px; height:12px; margin-bottom:15px; font-size:12px; }

#menu_child a
{
    color: #444444;
    display: block;
    height: 32px;
    text-align: center;
    text-decoration: none;
    width: 122px;
    font-size: 11px;
     line-height: 32px;
    list-style-type: none;
    text-transform: uppercase;
    background: url("../images/primary_nav_bg.gif") repeat-x scroll right top #FFFFFF;
    position:relative;
    top:-1px;
      z-index:2;
 
    
}
#menu_child a:hover
{
    background: url("../images/primary_nav_separator_on.gif") no-repeat scroll right top transparent;
    color: #ffffff;
    display: block;
    height: 32px;
    text-align: center;
    text-decoration: none;
    width: 122px;
    font-size: 11px;
     line-height: 32px;
    list-style-type: none;
    text-transform: uppercase;
    position:relative;
    top:-1px;
  z-index:2;
 

}

iframe {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
z-index:0;
}

.partnerHeader
{
    font-size: 17px;
    font-family: Arial;
    font-weight:bold;
    color: #003366;
}
.loader-image
{
    background:url("../images/loaders/loader.gif") no-repeat ;
    width:28px;
    height:28px;
    
}
