fieldset
{
    border: 1px solid Gray;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
}

legend
{
    color: #000;
    background: #F7F6F6;
    border: 1px solid Gray;
    padding: 2px 6px;
    font-weight: bold;
    font-size: 13px;
}

/**lISTVIEW STYLE**/

.grid
{
    font-family: Arial;
    font-size: 12px;
    width: auto;
}
/* gridview styles */
.grid .gridview
{
    border: solid 2px #5E8CC6;
    empty-cells: show;
    border-top-width: 1px;
}
.grid .gridview .row TD, .grid .gridview .altrow TD, .grid .gridview .edit-info TD
{
    text-align: left;
    padding: 5px 4px;
    border-top: solid 1px #E2EBF2;
}
.grid .gridview .edit-info TD
{
    border-top: dashed 1px #5E8CC6;
    font-weight: bold;
    color: #333;
}
.grid .gridview TR.first TD
{
    border-top: none;
}
.grid .gridview TD.edit
{
    border-bottom: dashed 1px #5E8CC6;
}
.grid .gridview .edit-info A
{
    font-weight: normal;
}
.grid .gridview .row TD.command, .grid .gridview .altrow TD.command, .grid .edit-info TD.command
{
    text-align: center;
}

.grid .gridview .header TH
{
    background: url(../images/hdr.gif) repeat-x;
    height: 22px;
    line-height: 22px;
    color: #fff;
    font-weight: bold;
    text-align: left;
    padding: 0px 4px;
}

.grid .gridview .edit
{
    padding: 10px 5px;
}
.grid .gridview .edit, .grid .gridview .edit-info
{
    background-color: #F0F8FF;
}
/* details styles */
.grid .detailview
{
    empty-cells: show;
}
.grid .detailview TH
{
    text-align: left;
    padding: 0px 10px;
    color: #333;
}
.grid .details .footer
{
    text-align: right;
    padding: 10px 10px 0px 0px;
}
.grid .details .header
{
    text-align: left;
    padding: 0px 10px;
    font-weight: bold;
    display: none;
}




/* CSS Document */
body
{
    padding: 0px;
    margin: 0px;
    color: #5E5E5E;
    /*font: 10px Verdana;*/
    text-align: center;
}

p
{
    line-height: 17px;
    margin: 11px 0 10px 0;
    padding: 0px;
}

h2
{
    color: #9f9f9f;
    margin: 0px;
    padding: 0px;
    font-size: 15px;
}

ul
{
    font-size: 10px;
    margin: 0;
    padding: 0;
    list-style-image: url(../images/bullet.gif);
}



a:hover
{
    text-decoration: none;
}

blockquote
{
    background: #F7FDE3;
    color: #606060;
    padding: 10px;
}

/*
div, p, ul, h2, h3, img{padding:0px; margin:0px;
	text-align: center;
	font-size: 11px;
}

ul{list-style-type:none;}
*/
/*----TOP PANEL----*/
#topPan
{
    width: 888px;
    height: 158px;
    position: relative;
    margin: 0 auto;
    /*background: url(../images/Capture.png);*/
    background: url(../images/topPan-bg.gif) 0 0 repeat-x #15AEFD;    
    color: #fff;
    padding: 0px;
}
#topPan img.logo
{
    width: 245px;
    height: 37px;
    position: absolute;
    top: 33px;
    left: 43px;
}
#topPan img.book
{
    width: 158px;
    height: 99px;
    position: absolute;
    top: 20px;
    right: 46px;
}

#topPan p
{
    font-size: 16px;
    padding: 70px 0 0 43px;
}

#topContactPan
{
    width: 283px;
    height: 60px;
    position: absolute;
    top: 41px;
    right: 477px;
    font-weight: 700;
    font-size: 11px;
    background-image: url(../images/logoimage.png);
}
#topContactPan p.callus
{
    background: #0C71A4;
    color: #fff;
    width: 64px;
    height: 4px;
    line-height: 14px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0px;
}
#topContactPan p.no
{
    font-size: 36px;
    padding: 4px 0 0;
}

#topMenuPan
{
    width: 888px;
    height: 25px;
    position: relative;
    bottom: 27px;
    left: 2px;
}
#topMenuLeftPan
{
    width: 69px;
    height: 16px;
    float: left;
    background: url(../images/menu-leftbg.gif) 0 0 no-repeat;
}
#topMenuMiddlePan
{
    width: 544px;
    height: 16px;
    float: left;
}

#topMenuMiddlePan ul
{
    width: 544px;
    height: 16px;
}
#topMenuMiddlePan ul li
{
    width: 67px;
    height: 16px;
    border-right: 1px solid #E5E5E5;
    float: left;
}
#topMenuMiddlePan ul li a
{
    width: 67px;
    height: 16px;
    display: block;
    background: #fff;
    color: #4A4A4A;
    font: 10px/16px "Trebuchet MS" ,Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
#topMenuMiddlePan ul li a:hover
{
    background: #fff;
    color: #0574AF;
    text-decoration: none;
}
#topMenuMiddlePan ul li.home
{
    background: #fff;
    color: #0574AF;
    text-decoration: none;
    font: 10px/16px "Trebuchet MS" ,Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
#topMenuMiddlePan ul li.contact
{
    width: 67px;
    border-right: 1px solid #fff;
}
#topMenuMiddlePan ul li.contact a
{
    width: 67px;
    height: 16px;
    display: block;
    background: #fff;
    color: #4A4A4A;
    font: 10px/16px "Trebuchet MS" ,Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
#topMenuMiddlePan ul li.contact a:hover
{
    background: #fff;
    color: #0574AF;
    text-decoration: none;
}

#topMenuRightPan
{
    width: 70px;
    height: 16px;
    float: left;
    background: url(../images/menu-rightbg.gif) 0 0 no-repeat;
}
/*----/TOP PANEL----*/
/*----BODY PANEL----*/
#bodyPan
{
    width: 888px;
    position: relative;
    margin: 0 auto;
    padding: 0px 0 0;
}
/*----BODY LEFT PANEL----*/
#bodyLeftPan
{
    width: 410px;
    float: left;
    padding: 12px 36px 0 0;
}
#bodyLeftPan h2
{
    width: 410px;
    height: 30px;
    background: url(../images/border1.gif) 100% 70% no-repeat #fff;
    color: #00111A;
    font: 28px/28px Georgia, "Times New Roman" , Times, serif;
}
#bodyLeftPan h2 span
{
    background: #fff;
    color: #046598;
}

#bodyLeftPan h3
{
    width: 410px;
    height: 30px;
    background: url(../images/border2.gif) 100% 70% no-repeat #fff;
    color: #00111A;
    font: 28px/28px Georgia, "Times New Roman" , Times, serif;
}
#bodyLeftPan h3 span
{
    background: #fff;
    color: #046598;
}

#bodyLeftPan p
{
    padding: 7px 0 0;
}
#bodyLeftPan p span
{
    background: #fff;
    color: #046598;
    font-weight: bold;
}

#bodyLeftPan ul
{
    width: 410px;
    margin: 10px 0 0;
}
#bodyLeftPan ul li
{
    width: 410px;
    height: 20px;
}
#bodyLeftPan ul li a
{
    width: 390px;
    height: 20px;
    background: url(../images/button.gif) 0 6px no-repeat #fff;
    color: #1A1A1A;
    text-decoration: underline;
    padding: 0 0 0 20px;
}
#bodyLeftPan ul li a:hover
{
    width: 390px;
    height: 20px;
    background: url(../images/button-hover.gif) 0 6px no-repeat #fff;
    color: #676363;
    text-decoration: underline;
}

#bodyLeftPan p.more
{
    background: #F3F3F3;
    color: #003D5C;
    width: 410px;
    height: 11px;
    margin: 25px 0;
    padding: 0px;
    line-height: 11px;
    font-size: 11px;
}
#bodyLeftPan p.more a
{
    display: block;
    width: 44px;
    height: 11px;
    background: #fff;
    color: #003D5C;
    text-decoration: none;
    margin: 0 0 0 246px;
    line-height: 11px;
    text-align: center;
    padding: 0px;
    text-transform: uppercase;
}
#bodyLeftPan p.more a:hover
{
    display: block;
    width: 44px;
    height: 11px;
    background: #E0DEDE;
    color: #003D5C;
    text-decoration: none;
}

#bodyLeftNextPan
{
    width: 410px;
    clear: both;
    padding: 10px 0 0;
}
#bodyLeftPan p.next
{
    background: #F3F3F3;
    color: #003D5C;
    width: 410px;
    height: 11px;
    padding: 0px;
    line-height: 11px;
    font-size: 11px;
    clear: both;
}
#bodyLeftPan p.next a
{
    display: block;
    width: 44px;
    height: 11px;
    background: #fff;
    color: #003D5C;
    text-decoration: none;
    margin: 0 0 0 246px;
    line-height: 11px;
    text-align: center;
    padding: 0px;
    text-transform: uppercase;
}
#bodyLeftPan p.next a:hover
{
    display: block;
    width: 44px;
    height: 11px;
    background: #E0DEDE;
    color: #003D5C;
    text-decoration: none;
}

#bookcatagories
{
    width: 410px;
    position: relative;
    margin: 0 auto;
    padding: 5px 0 0;
}
#namePan
{
    width: 156px;
    float: left;
    background: url(../images/name-dot.gif) 100% 85% no-repeat #fff;
    color: #4F4F4F;
    font-size: 14px;
    text-transform: uppercase;
}
#nameonePan
{
    width: 156px;
    float: left;
}
#nameonePan ul
{
    width: 156px;
}
#nameonePan ul li
{
    width: 140px;
    height: 20px;
    background: url(../images/arrow.gif) 0 6px no-repeat #fff;
    color: #03537D;
    padding: 0 0 0 10px;
}

#pricePan
{
    width: 106px;
    float: left;
    background: url(../images/price-dot.gif) 100% 85% no-repeat #fff;
    color: #4F4F4F;
    font-size: 14px;
    text-transform: uppercase;
}
#priceonePan
{
    width: 143px;
    float: left;
}
#priceonePan ul
{
    width: 143px;
}
#priceonePan ul li
{
    width: 133px;
    height: 20px;
    background: url(../images/price-border.gif) 100% 50% no-repeat #fff;
    color: #00111A;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 0 10px;
}

#discountPan
{
    width: 126px;
    float: left;
    background: url(../images/discount-dot.gif) 100% 85% no-repeat #fff;
    color: #4F4F4F;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 0 0 12px;
}
#discountonePan
{
    width: 110px;
    float: left;
}
#discountonePan ul
{
    width: 110px;
}
#discountonePan ul li
{
    width: 100px;
    height: 20px;
    background: url(../images/dicount-border.gif) 100% 50% no-repeat #fff;
    color: #00111A;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 0 10px;
}

/*----/BODY LEFT PANEL----*/
/*----BODY RIGHT PANEL----*/
#bodyRightPan
{
    width: 235px;
    float: left;
    border: 1px solid #DADADA;
    background: #F3F3F3;
    color: #1A1A1A;
    padding: 0 0 28px;
}

#bodyRightPan h2
{
    width: 195px;
    height: 35px;
    display: block;
    border: 1px solid #DADADA;
    background: #fff;
    color: #00111A;
    font: 24px/34px Georgia, "Times New Roman" , Times, serif;
    margin: 6px 8px 16px;
    padding: 0 0 0 20px;
}
#bodyRightPan h2 span
{
    background: #fff;
    color: #046598;
}

#bodyRightPan h3
{
    width: 195px;
    height: 35px;
    display: block;
    border: 1px solid #DADADA;
    background: #fff;
    color: #00111A;
    font: 24px/34px Georgia, "Times New Roman" , Times, serif;
    margin: 6px 8px 0;
    padding: 0 0 0 20px;
}
#bodyRightPan h3 span
{
    background: #fff;
    color: #046598;
}

#bodyRightPan ul
{
    width: 180px;
    margin: 0 0 17px 29px;
}
#bodyRightPan ul li
{
    width: 180px;
    height: 18px;
}
#bodyRightPan ul li a
{
    width: 160px;
    height: 18px;
    display: block;
    background: url(../images/button.gif) 0 6px no-repeat #F3F3F3;
    color: #1A1A1A;
    text-decoration: none;
    padding: 0 0 0 20px;
}
#bodyRightPan ul li a:hover
{
    background: url(../images/button-hover.gif) 0 6px no-repeat #F3F3F3;
    color: #797878;
    text-decoration: none;
}

#bodyRightPan p
{
    padding: 0px 29px 0px 29px;
}
#bodyRightPan p.boldtext
{
    padding: 10px 29px 0px;
    font-size: 14px;
    background: #F3F3F3;
    color: #1A1A1A;
    font-weight: bold;
}

#bodyRightPan p.more
{
    background: #fff;
    color: #003D5C;
    width: 175px;
    height: 11px;
    margin: 10px 29px 10px;
    padding: 0px;
    line-height: 11px;
}
#bodyRightPan p.more a
{
    display: block;
    width: 44px;
    height: 11px;
    background: #F3F3F3;
    color: #003D5C;
    text-decoration: none;
    margin: 0 0 0 97px;
    font-size: 11px;
    line-height: 11px;
    text-align: center;
    text-transform: uppercase;
}
#bodyRightPan p.more a:hover
{
    display: block;
    width: 44px;
    height: 11px;
    background: #E0DEDE;
    color: #003D5C;
    text-decoration: none;
}
/*----/BODY RIGHT PANEL----*/
/*----/BODY PANEL----*/
/*----FOOTER PANEL----*/
#footermainPan
{
    height: 72px;
    background: url(../images/footerbg.gif) 0 0 repeat-x #fff;
    color: #010101;
    clear: both;
    padding: 12px 0 0;
}

#footerPan
{
    width: 783px;
    position: relative;
    margin: 0 auto;
    font-family: "Trebuchet MS" ,Arial, Helvetica, sans-serif;
}

#footerPan ul
{
    width: 724px;
    position: relative;
    margin: 0 auto;
    top: 0px;
    left: 0px;
    height: 18px;
}
#footerPan li
{
    float: left;
}
#footerPan ul li a
{
    padding: 0 10px 0;
    color: #010101;
    background: #F3F3F3;
    text-decoration: none;
}
#footerPan ul li a:hover
{
    text-decoration: underline;
}

#footerPan p.copyright
{
    width: 256px;
    background: #F3F3F3;
    color: #04496D;
    position: absolute;
    top: 46px;
    left: 221px;
    font-size: 12px;
    right: 206px;
}

#footerPan ul.templateworld
{
    width: 250px;
    background: #F3F3F3;
    color: #444;
    display: block;
    position: absolute;
    top: 40px;
    left: 40px;
    font-size: 10px;
}
#footerPan ul.templateworld li
{
    height: 20px;
}
#footerPan ul.templateworld li a
{
    background: #F3F3F3;
    display: block;
    color: #444;
    text-decoration: none;
}
#footerPan ul.templateworld li a:hover
{
    text-decoration: underline;
}

#footerPanhtml
{
    width: 60px;
    height: 13px;
    display: block;
    position: absolute;
    top: 26px;
    left: 260px;
}
#footerPanhtml a
{
    width: 48px;
    height: 11px;
    display: block;
    background: url(../images/blue-arrow.gif) 85% 60% no-repeat #fff;
    color: #4F4F4F;
    border: 1px solid #DEDEDE;
    line-height: 11px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    padding: 1px 0 0 10px;
}
#footerPanhtml a:hover
{
    background: url(../images/gray-arrow.gif) 85% 60% no-repeat #fff;
    color: #4F4F4F;
}

#footerPancss
{
    width: 50px;
    height: 13px;
    display: block;
    position: absolute;
    top: 26px;
    left: 320px;
}
#footerPancss a
{
    width: 40px;
    height: 11px;
    display: block;
    background: url(../images/blue-arrow.gif) 35px 3px no-repeat #fff;
    color: #4F4F4F;
    border: 1px solid #DEDEDE;
    line-height: 11px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    padding: 1px 0 0 10px;
    text-transform: uppercase;
}
#footerPancss a:hover
{
    background: url(../images/gray-arrow.gif) 35px 3px no-repeat #fff;
    color: #4F4F4F;
}

/* ajax__tab_technorati-theme theme */
.ajax__tab_technorati-theme .ajax__tab_header
{
    font-family: "Helvetica Neue" , Arial, Sans-Serif;
    background: url(../images/tab-line.png) repeat-x bottom;
    font-size: 11px;
    display: block;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_outer
{
    background: url(../images/tab.png) no-repeat left top;
    border-color: #222;
    color: #222;
    padding-left: 10px;
    margin-right: 3px;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_inner
{
    background: url(../images/tab.png) no-repeat right top;
    border-color: #666;
    color: #666;
    padding: 3px 10px 2px 0px;
}
.ajax__tab_technorati-theme .ajax__tab_hover .ajax__tab_inner
{
    color: #000000;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_outer
{
    background: url(../images/tab.png) no-repeat 0pt -40px;
    border-bottom-color: #ffffff;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_inner
{
    background: url(../images/tab.png) no-repeat right -40px;
    color: #000000;
    border-color: #333;
}
.ajax__tab_technorati-theme .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 8pt;
    padding: 8px;
    background-color: #ffffff;
    border: solid 1px #d7d7d7;
    border-top-width: 0;
}

/* ajax__tab_ie-theme theme */
.ajax__tab_ie-theme .ajax__tab_header
{
    padding-left: 5px;
}
.ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab
{
    margin-right: 0px;
    background: url(../images/tab_unselected.gif);
    width: 116px;
    padding: 9px 0px 3px 0px;
    text-align: center;
    color: #006699;
    font-family: verdana;
    font-size: 13px;
    display: block;
}
.ajax__tab_ie-theme .ajax__tab_active .ajax__tab_tab
{
    padding: 6px 0px 3px 0px;
    background: url(../images/tab_selected.gif);
}
.ajax__tab_ie-theme .ajax__tab_body
{
    background: url(../images/ie_tabbacker_720x296.jpg) no-repeat;
    font-size: 13px;
    font-family: verdana;
    height: 296px;
    width: 716px;
}
.ajax__tab_ie-theme .ajax__tab_body div
{
    padding: 8px;
}


.dropdown
{
    color: #000000;
    border: 1px Black solid;
    font-size: 11px;
    background-color: #F0F6F9;
    font-family: Verdana;
    height: 20px;
}

.CustomError
{
    width: 300px;
    border-color: Red;
    border-style: solid;
    border-width: 1px;
    background-color: #FFFFF3;
    margin: 5px 0px;
    padding-top: 5px;
    padding-left: 5px;
    font-size: 8pt;
    color: Red;
}

.chkBox
{
    font-size: 11px;
    font-family: Verdana;
    text-decoration: none;
    color: #000000;
}



.CustomError ul
{
    list-style: disc inside;
    padding: 5px;
    margin: 2px;
}

.message
{
    font-size: 11px;
    font-family: Verdana;
}

/* ---------------------------------- Grid ---------------------------------- */
.mGrid
{
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
    text-align: left;
}

.mGrid td
{
    padding: 2px;
    border: solid 1px #c1c1c1;
    color: #717171;
}

.mGrid th
{
    padding: 4px 2px;
    color: #fff;
    background: #424242 url(../images/grd_head.png) repeat-x top;
    border-left: solid 1px #525252;
    font-size: 0.9em;
}

.mGrid .alt
{
    background: #fcfcfc url(../images/grd_alt.png) repeat-x top;
}

.mGrid .pgr
{
    background: #424242 url(../images/grd_pgr.png) repeat-x top;
}
.mGrid .pgr table
{
    margin: 5px 0;
}
.mGrid .pgr td
{
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #666;
    font-weight: bold;
    color: #fff;
    line-height: 12px;
}
.mGrid .pgr a
{
    color: #666;
    text-decoration: none;
}
.mGrid .pgr a:hover
{
    color: #000;
    text-decoration: none;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.modalPopup
{
    background-color: White;
    height: 250px;
    width: 500px;
    text-align: left;
}

/* table level rules */
.yui-grid
{
    font-family: arial;
    font-size: small;
    border: solid 1px #7f7f7f;
    border-collapse: collapse;
}


/* header column rules */
.yui-grid th
{
    background: url(../images/sprite.png) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 4px 5px 4px 10px;
    text-align: center;
    vertical-align: bottom;
}

.yui-grid th a
{
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    color: #000;
    display: block;
    padding-right: 10px;
}

/* change the background image when the column is being sorted by */
.yui-grid td.sortasc, .yui-grid td.sortdesc
{
    background: url(../images/sprite.png) repeat-x 0px -100px;
}

/* change image if it is an asc sort */
.yui-grid th.sortasc a
{
    background: url(../images/dt-arrow-up.png) no-repeat right 50%;
}

/* change image if it is a desc sort */
.yui-grid th.sortdesc a
{
    background: url(../images/dt-arrow-dn.png) no-repeat right 50%;
}


/* data cell and data row rules 
.yui-grid td 
{
    padding: 4px 10px 4px 10px;
    border-right: solid 1px #cbcbcb;
}
*/

.yui-grid .altrow, .yui-grid .row .sort
{
    background-color: #edf5ff;
}

.yui-grid .altrow .sort
{
    background-color: #dbeaff;
}

.yui-grid .row
{
    background-color: #fff;
}
.detail
{
    font-family: lucida grande,arial,helvetica,sans-serif;
    font-size: 11px;
    background-color: #fff;
    border: solid 2px #000;
    padding: 4px;
}
.detail .footer
{
    text-align: right;
    padding: 8px;
}


/* table style */
.detailgrid
{
    border: solid 1px #ad9e87;
}

/* cell styles */
.detailgrid td
{
    cursor: default;
    height: 20px;
    color: #000;
    padding: 2px 8px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #f2e8da;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #f2e8da;
}

div.rounded
{
    clear: both;
    max-width: 2400px;
}

div.rounded div.top-outer
{
    background: url(../images/tl.gif) no-repeat left bottom;
    padding: 0px;
    width: 100%;
}

div.rounded div.top-outer div.top-inner
{
    background: url(../images/tr.gif) no-repeat right bottom;
    margin-left: 10px;
}

div.rounded div.top-outer div.top-inner div.top
{
    background: url(../images/t.gif) repeat;
    height: 11px;
    margin-right: 10px;
    font-size: .01em;
}

div.rounded div.mid-outer
{
    background: url(../images/l.gif) left repeat-y;
    clear: both;
    width: 100%;
}

div.rounded div.mid-outer div.mid-inner
{
    background: url(../images/r.gif) right repeat-y;
    margin-left: 10px;
}

div.rounded div.mid-outer div.mid-inner div.mid
{
    background-color: #ffffff;
    margin-right: 10px;
}

div.rounded div.bottom-outer
{
    background: url(../images/bl.gif) no-repeat left top;
    clear: both;
    padding: 0px;
    width: 100%;
}

div.rounded div.bottom-outer div.bottom-inner
{
    background: url(../images/br.gif) no-repeat right top;
    margin-left: 10px;
}

div.rounded div.bottom-outer div.bottom-inner div.bottom
{
    background: url(../images/b.gif) repeat;
    height: 11px;
    margin-right: 10px;
    font-size: .01em;
}

.info, .success, .warning, .error, .validation
{
    border: 1px solid;
    margin: 10px 0px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info
{
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/info.png');
}
.success
{
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../images/success.png');
}
.warning
{
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/warning.png');
}
.error
{
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/error.png');
}
.container
{
}
.info p, .success p, .warning p, .error p
{
    padding: 0px 50px;
}
.info a, .success a, .warning a, .error a
{
    float: right;
    padding: 10px;
    cursor: pointer;
}
.container img
{
    border: none;
}

.blueGridHeaderBackgroundWhiteText
{
    background: rgb(77,115,169); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(77,115,169,1) 0%, rgba(113,153,193,1) 50%, rgba(97,141,189,1) 51%, rgba(169,194,217,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(77,115,169,1)), color-stop(50%,rgba(113,153,193,1)), color-stop(51%,rgba(97,141,189,1)), color-stop(100%,rgba(169,194,217,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(77,115,169,1) 0%,rgba(113,153,193,1) 50%,rgba(97,141,189,1) 51%,rgba(169,194,217,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(77,115,169,1) 0%,rgba(113,153,193,1) 50%,rgba(97,141,189,1) 51%,rgba(169,194,217,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(77,115,169,1) 0%,rgba(113,153,193,1) 50%,rgba(97,141,189,1) 51%,rgba(169,194,217,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(77,115,169,1) 0%,rgba(113,153,193,1) 50%,rgba(97,141,189,1) 51%,rgba(169,194,217,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d73a9', endColorstr='#a9c2d9',GradientType=0 ); /* IE6-9 */
    height: 23px;
    vertical-align: middle;
    color: White;
    font-weight: bold;
    font-size: 0.8em;
}

.buttonStyle
{
    /* Sliding right image */
    background: rgb(89,106,114); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(89,106,114,1) 0%, rgba(206,220,231,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(89,106,114,1)), color-stop(100%,rgba(206,220,231,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 100%); /* IE10+ */
    background: rgb(89,106,114); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#cedce7',GradientType=0 ); /* IE6-9 */
    display: block;
    height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    width: 133px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    font-size: 0.8em;
    font-weight: bold;
    cursor: pointer;
}
.buttonStyleDisabled
{
    color: #CCCCCC;
    background: #F8F8F8;
    border: 1px solid #CCC;
    cursor: text;
}
.clsMandatory::after {
    content: ' *';
    color: red;
}
.markedField::after {
content:'All (*) marked fields are mandatory';
color: red; 
align-self: center;
}